@charset "UTF-8";
@-moz-keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  30% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  70% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  30% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  70% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  30% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  70% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  30% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  70% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  30% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  70% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes tada {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-ms-keyframes tada {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-moz-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center 50%;
    -moz-transform-origin: top center 50%;
    -ms-transform-origin: top center 50%;
    -o-transform-origin: top center 50%;
    transform-origin: top center 50%;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center 50%;
    -moz-transform-origin: top center 50%;
    -ms-transform-origin: top center 50%;
    -o-transform-origin: top center 50%;
    transform-origin: top center 50%;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center 50%;
    -moz-transform-origin: top center 50%;
    -ms-transform-origin: top center 50%;
    -o-transform-origin: top center 50%;
    transform-origin: top center 50%;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-ms-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center 50%;
    -moz-transform-origin: top center 50%;
    -ms-transform-origin: top center 50%;
    -o-transform-origin: top center 50%;
    transform-origin: top center 50%;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center 50%;
    -moz-transform-origin: top center 50%;
    -ms-transform-origin: top center 50%;
    -o-transform-origin: top center 50%;
    transform-origin: top center 50%;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-moz-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-ms-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
    -moz-transform: skewX(9deg);
    -ms-transform: skewX(9deg);
    -o-transform: skewX(9deg);
    transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
    -moz-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -o-transform: skewX(-8deg);
    transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
    -moz-transform: skewX(7deg);
    -ms-transform: skewX(7deg);
    -o-transform: skewX(7deg);
    transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
    -moz-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    -o-transform: skewX(-6deg);
    transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
    -moz-transform: skewX(5deg);
    -ms-transform: skewX(5deg);
    -o-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
    -moz-transform: skewX(-4deg);
    -ms-transform: skewX(-4deg);
    -o-transform: skewX(-4deg);
    transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
    -moz-transform: skewX(3deg);
    -ms-transform: skewX(3deg);
    -o-transform: skewX(3deg);
    transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
    -moz-transform: skewX(-2deg);
    -ms-transform: skewX(-2deg);
    -o-transform: skewX(-2deg);
    transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
    -moz-transform: skewX(1deg);
    -ms-transform: skewX(1deg);
    -o-transform: skewX(1deg);
    transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
    -moz-transform: skewX(9deg);
    -ms-transform: skewX(9deg);
    -o-transform: skewX(9deg);
    transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
    -moz-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -o-transform: skewX(-8deg);
    transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
    -moz-transform: skewX(7deg);
    -ms-transform: skewX(7deg);
    -o-transform: skewX(7deg);
    transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
    -moz-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    -o-transform: skewX(-6deg);
    transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
    -moz-transform: skewX(5deg);
    -ms-transform: skewX(5deg);
    -o-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
    -moz-transform: skewX(-4deg);
    -ms-transform: skewX(-4deg);
    -o-transform: skewX(-4deg);
    transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
    -moz-transform: skewX(3deg);
    -ms-transform: skewX(3deg);
    -o-transform: skewX(3deg);
    transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
    -moz-transform: skewX(-2deg);
    -ms-transform: skewX(-2deg);
    -o-transform: skewX(-2deg);
    transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
    -moz-transform: skewX(1deg);
    -ms-transform: skewX(1deg);
    -o-transform: skewX(1deg);
    transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}
@-o-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
    -moz-transform: skewX(9deg);
    -ms-transform: skewX(9deg);
    -o-transform: skewX(9deg);
    transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
    -moz-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -o-transform: skewX(-8deg);
    transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
    -moz-transform: skewX(7deg);
    -ms-transform: skewX(7deg);
    -o-transform: skewX(7deg);
    transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
    -moz-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    -o-transform: skewX(-6deg);
    transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
    -moz-transform: skewX(5deg);
    -ms-transform: skewX(5deg);
    -o-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
    -moz-transform: skewX(-4deg);
    -ms-transform: skewX(-4deg);
    -o-transform: skewX(-4deg);
    transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
    -moz-transform: skewX(3deg);
    -ms-transform: skewX(3deg);
    -o-transform: skewX(3deg);
    transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
    -moz-transform: skewX(-2deg);
    -ms-transform: skewX(-2deg);
    -o-transform: skewX(-2deg);
    transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
    -moz-transform: skewX(1deg);
    -ms-transform: skewX(1deg);
    -o-transform: skewX(1deg);
    transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}
@-ms-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
    -moz-transform: skewX(9deg);
    -ms-transform: skewX(9deg);
    -o-transform: skewX(9deg);
    transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
    -moz-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -o-transform: skewX(-8deg);
    transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
    -moz-transform: skewX(7deg);
    -ms-transform: skewX(7deg);
    -o-transform: skewX(7deg);
    transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
    -moz-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    -o-transform: skewX(-6deg);
    transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
    -moz-transform: skewX(5deg);
    -ms-transform: skewX(5deg);
    -o-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
    -moz-transform: skewX(-4deg);
    -ms-transform: skewX(-4deg);
    -o-transform: skewX(-4deg);
    transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
    -moz-transform: skewX(3deg);
    -ms-transform: skewX(3deg);
    -o-transform: skewX(3deg);
    transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
    -moz-transform: skewX(-2deg);
    -ms-transform: skewX(-2deg);
    -o-transform: skewX(-2deg);
    transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
    -moz-transform: skewX(1deg);
    -ms-transform: skewX(1deg);
    -o-transform: skewX(1deg);
    transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}
@keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
    -moz-transform: skewX(9deg);
    -ms-transform: skewX(9deg);
    -o-transform: skewX(9deg);
    transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
    -moz-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -o-transform: skewX(-8deg);
    transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
    -moz-transform: skewX(7deg);
    -ms-transform: skewX(7deg);
    -o-transform: skewX(7deg);
    transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
    -moz-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    -o-transform: skewX(-6deg);
    transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
    -moz-transform: skewX(5deg);
    -ms-transform: skewX(5deg);
    -o-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
    -moz-transform: skewX(-4deg);
    -ms-transform: skewX(-4deg);
    -o-transform: skewX(-4deg);
    transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
    -moz-transform: skewX(3deg);
    -ms-transform: skewX(3deg);
    -o-transform: skewX(3deg);
    transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
    -moz-transform: skewX(-2deg);
    -ms-transform: skewX(-2deg);
    -o-transform: skewX(-2deg);
    transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
    -moz-transform: skewX(1deg);
    -ms-transform: skewX(1deg);
    -o-transform: skewX(1deg);
    transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}
@-ms-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}
@-moz-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-o-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-ms-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-moz-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-o-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-ms-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-o-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-ms-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-o-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-ms-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  70% {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  70% {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  70% {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  70% {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  70% {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
}
@-o-keyframes fadeOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
}
@-ms-keyframes fadeOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
}
@keyframes fadeOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}
@-o-keyframes fadeOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}
@-ms-keyframes fadeOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}
@keyframes fadeOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
}
@-o-keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
}
@-ms-keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
}
@keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
}
@-ms-keyframes fadeOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
}
@keyframes fadeOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
}
@-moz-keyframes fadeOutUpBig {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
    opacity: 0;
  }
}
@-o-keyframes fadeOutUpBig {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
    opacity: 0;
  }
}
@-ms-keyframes fadeOutUpBig {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
    opacity: 0;
  }
}
@keyframes fadeOutUpBig {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
    opacity: 0;
  }
}
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-ms-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-ms-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-ms-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-o-keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-ms-keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-moz-keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-o-keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-ms-keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-moz-keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-o-keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-ms-keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-o-keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-ms-keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUpBig {
  0% {
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-ms-keyframes fadeInUpBig {
  0% {
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInUpBig {
  0% {
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@-ms-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@-moz-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-ms-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-moz-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-ms-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-moz-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-o-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-ms-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-moz-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-ms-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-ms-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-moz-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-o-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-ms-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-moz-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@-ms-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-ms-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-ms-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-ms-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-ms-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-ms-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    -moz-transform-origin: center center 50%;
    -ms-transform-origin: center center 50%;
    -o-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-ms-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-ms-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    -moz-transform-origin: left bottom 50%;
    -ms-transform-origin: left bottom 50%;
    -o-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-ms-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-ms-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    -moz-transform-origin: right bottom 50%;
    -ms-transform-origin: right bottom 50%;
    -o-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-ms-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform-origin: top left 50%;
    -moz-transform-origin: top left 50%;
    -ms-transform-origin: top left 50%;
    -o-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-moz-keyframes rollIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@-webkit-keyframes rollIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@-ms-keyframes rollIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollOut {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
}
@-webkit-keyframes rollOut {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
}
@-o-keyframes rollOut {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
}
@-ms-keyframes rollOut {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
}
@keyframes rollOut {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\000037}}
header, footer, nav, section, article, figure, aside {
  display: block;
  margin: 0px;
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\0000321}}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\0000342}}
body {
  line-height: 1.79;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\0000346}}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\0000351}}
nav ul {
  list-style: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\0000355}}
blockquote, q {
  quotes: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\0000359}}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\0000365}}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\0000374}}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\0000381}}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\0000388}}
del {
  text-decoration: line-through;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\0000392}}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\0000397}}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\00003103}}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\00003112}}
input, select {
  vertical-align: middle;
}

@-moz-keyframes flash {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes flash {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes flash {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000036}}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000312}}
  input[type="submit"],
  button,
  select,
  textarea {
    -webkit-appearance: none;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000320}}
html {
  height: 100%;
  font-family: "Noto Sans JP", Meiryo, "メイリオ", "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", Tahoma, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "MS PGothic", "ＭＳ　Ｐゴシック", sans-serif;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000325}}
body {
  margin: 0 auto;
  font-family: "Noto Sans JP", Meiryo, "メイリオ", "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", Tahoma, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "MS PGothic", "ＭＳ　Ｐゴシック", sans-serif;
  font-size: 100%;
  color: #000;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000332}}
h1,
h2,
h3,
h4,
h5 {
  margin: 0px;
  font-size: 100%;
  font-weight: normal;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000342}}
a {
  color: #0033cc;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000346}}
a:hover {
  text-decoration: underline;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000350}}
a:visited {
  color: #0033cc;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000354}}
a img:hover {
  opacity: 0.8;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000359}}
rp,
rt {
  color: #000;
  font-size: 63%;
  font-weight: normal;
  background: #ffffff;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000367}}
rp {
  margin: 0px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000371}}
img {
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000371}}
  img {
    max-width: 100%;
    height: auto !important;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000380}}
img[usemap] {
  max-width: 100%;
  height: auto;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000385}}
ul li {
  list-style: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000389}}
#ss-preview {
  z-index: 1000;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\0000395}}
select,
input,
textarea,
button {
  font-size: 100%;
  font-family: "Noto Sans JP", Meiryo, "メイリオ", "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", Tahoma, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "MS PGothic", "ＭＳ　Ｐゴシック", sans-serif;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003103}}
button {
  cursor: pointer;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003107}}
select {
  line-height: 1.4;
  padding: 5px 35px 4px 10px;
  border: 1px solid #aeaeae;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #ffffff url(../../img/ic-select.png) no-repeat right 10px center;
  -webkit-appearance: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003115}}
select option {
  line-height: 1.5;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003120}}
select::-ms-expand {
  display: none;
}

@-moz-document url-prefix() {
  select {
    padding: 4px 35px 3px 10px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003130}}
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=url],
input[type=email],
input[type=number] {
  width: 100%;
  min-height: 1.6em;
  line-height: 1.5;
  margin: 0;
  padding: 6px 10px 5px;
  border: 1px solid #aeaeae;
  border-radius: 0;
  background: #ffffff;
  -webkit-appearance: none;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003130}}
  input[type=text],
  input[type=password],
  input[type=date],
  input[type=datetime],
  input[type=url],
  input[type=email],
  input[type=number] {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003151}}
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=url]:focus,
input[type=email]:focus,
input[type=number]:focus {
  border: 1px solid #83b428;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003157}}
input[type=checkbox],
input[type=radio] {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003165}}
input[type=number] {
  width: 12em;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003169}}
input[type=submit],
input[type="reset"] {
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003175}}
  select {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003180}}
textarea {
  width: 100%;
  height: 6.5em;
  padding: 12px;
  line-height: 1.4;
  border: 1px solid #aeaeae;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003180}}
  textarea {
    width: 100%;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003192}}
.send {
  padding: 30px 0;
  text-align: center;
  vertical-align: bottom;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003197}}
.send input,
.send button {
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: inline-block;
  padding: 7px 10px;
  border: 1px solid #000;
  background: #ffffff;
  color: #000;
  text-align: center;
  transition: .3s;
  display: inline-block;
  min-width: 160px;
  margin: 0 5px 15px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003197}}
  .send input,
  .send button {
    max-width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003140}}
.send input:hover,
.send button:hover {
  color: #ffffff;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003144}}
.send input:after,
.send button:after {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0;
  border-radius: 50%;
  background: #000;
  transition: .3s;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003158}}
.send input:hover::after,
.send button:hover::after {
  width: 340px;
  height: 340px;
  margin: -170px 0 0 -170px;
  opacity: 0.7;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003204}}
.send input:hover,
.send button:hover {
  background: #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003208}}
.send input[name="cancel"], .send input.reset, .send input[type="reset"],
.send input a[href="/calendar/search/"],
.send button[name="cancel"],
.send button.reset,
.send button[type="reset"],
.send button a[href="/calendar/search/"] {
  background: #efefef;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003214}}
.send input[name="cancel"]:hover, .send input.reset:hover, .send input[type="reset"]:hover,
.send input a[href="/calendar/search/"]:hover,
.send button[name="cancel"]:hover,
.send button.reset:hover,
.send button[type="reset"]:hover,
.send button a[href="/calendar/search/"]:hover {
  background: #000;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003221}}
#errorExplanation {
  margin-bottom: 30px;
  padding-left: 3em;
  color: #dd0000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003226}}
#errorExplanation li {
  list-style: disc;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003231}}
#ss-notice {
  color: #dd0000;
  margin-bottom: 30px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003236}}
.simple-captcha {
  padding: 15px 0;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003240}}
.simple-captcha input[type="text"] {
  width: 10em;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003245}}
.menu {
  margin-bottom: 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003248}}
.menu a {
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: inline-block;
  padding: 7px 10px;
  border: 1px solid #000;
  background: #ffffff;
  color: #000;
  text-align: center;
  transition: .3s;
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003248}}
  .menu a {
    max-width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003140}}
.menu a:hover {
  color: #ffffff;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003144}}
.menu a:after {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0;
  border-radius: 50%;
  background: #000;
  transition: .3s;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003158}}
.menu a:hover::after {
  width: 340px;
  height: 340px;
  margin: -170px 0 0 -170px;
  opacity: 0.7;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003257}}
#page {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  font-size: 100%;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003257}}
  #page {
    overflow-x: hidden;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003267}}
#page:not(.top) {
  background: #efefef;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003272}}
#wrap {
  position: relative;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1220px;
  overflow: visible;
  margin: 40px auto 0;
  background: #ffffff;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003272}}
  #wrap {
    width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003272}}
  #wrap {
    display: block;
    margin: 0 auto;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003286}}
.col-one {
  padding: 0 85px;
}
@media only screen and (max-width: 1250px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003286}}
  .col-one {
    padding: 0 45px;
  }
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003286}}
  .col-one {
    padding: 0;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003298}}
.col-two {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 25px;
}
@media only screen and (max-width: 1250px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003298}}
  .col-two {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003298}}
  .col-two {
    padding: 0;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003312}}
.content-one {
  padding-bottom: 60px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003316}}
#main {
  width: calc(100% - 340px);
  margin-bottom: 50px;
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003316}}
  #main {
    width: 100%;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003325}}
#side {
  width: 300px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003325}}
  #side {
    width: 100%;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003336}}
#tool {
  background: #efefef;
  font-size: 88%;
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003336}}
  #tool {
    display: none;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003344}}
#tool a {
  color: #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003348}}
#tool nav {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 15px;
  padding: 5px 15px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003348}}
  #tool nav {
    width: 100%;
    min-width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003356}}
#tool nav #nocssread {
  padding-right: 10px;
  border-right: 2px solid #ffffff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003361}}
#tool nav .tools {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003366}}
#tool nav #size,
#tool nav #theme,
#tool nav #ss-voice {
  border-left: 2px solid #ffffff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003372}}
#tool nav #size {
  padding-left: 10px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003375}}
#tool nav #size a {
  display: inline-block;
  min-width: 50px;
  margin-left: 5px;
  padding: 2px 7px;
  background: #ffffff;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  color: #787878;
  text-decoration: none;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003386}}
#tool nav #size a:hover, #tool nav #size a:focus {
  background: #000;
  color: #ffffff;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003395}}
#tool nav #theme {
  padding: 0 10px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003400}}
#tool nav #ss-theme a {
  display: inline-block;
  margin-left: 5px;
  padding: 2px 7px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  color: #ffffff;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003408}}
#tool nav #ss-theme a:hover, #tool nav #ss-theme a:focus {
  opacity: 0.7;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003414}}
#tool nav #ss-theme .white {
  background: #ffffff;
  color: #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003419}}
#tool nav #ss-theme .blue {
  background: #06c;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003423}}
#tool nav #ss-theme .black {
  background: #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003428}}
#tool nav #ss-voice {
  position: relative;
  padding: 0 10px 0 35px;
  background: url(/ph/img/ic-voice.png) no-repeat 10px center/15px 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003434}}
#tool nav #ss-voice-controller,
#tool nav .ss-voice-controller {
  position: absolute;
  top: 2.5em;
  right: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003441}}
#tool nav #ss-kana {
  padding: 0 10px;
  background: url(/ph/img/ic-kana.png) no-repeat 10px center/15px 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003445}}
#tool nav #ss-kana a {
  padding-left: 23px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003450}}
#tool nav .univ a {
  display: block;
  margin: -5px 0 -5px 15px;
  padding: 8px 10px;
  background: #404040;
  color: #ffffff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003457}}
#tool nav .univ a:hover, #tool nav .univ a:focus {
  opacity: .8;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003464}}
#tool nav .en a {
  display: block;
  margin: -5px 0;
  padding: 8px 10px;
  background: #787878;
  color: #ffffff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003471}}
#tool nav .en a:hover, #tool nav .en a:focus {
  opacity: .8;
  text-decoration: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003482}}
#head {
  background: #ffffff;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003486}}
#head .wrap {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 15px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003486}}
  #head .wrap {
    width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003486}}
  #head .wrap {
    padding: 15px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003498}}
#head .wrap .logo img {
  max-width: 680px;
  height: auto;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003498}}
  #head .wrap .logo img {
    max-width: 500px;
  }
}
@media only screen and (max-width: 600px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003498}}
  #head .wrap .logo img {
    max-width: calc(100% - 15px);
  }
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003513}}
  #head .wrap .head-menu {
    display: none;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003518}}
#head .wrap .upper {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 10px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003523}}
#head .wrap .upper form {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003528}}
#head .wrap .upper input[type="text"] {
  min-width: 200px;
  padding: 0;
  border: none;
  border-bottom: 1px solid #000;
}
@media only screen and (min-width: 1250px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003528}}
  #head .wrap .upper input[type="text"] {
    max-width: 200px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003539}}
#head .wrap .upper input[type="image"] {
  max-width: 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003543}}
#head .wrap .upper .donation a {
  display: block;
  margin-left: 15px;
  padding: 5px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: #ff4c96;
  color: #ffffff;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003552}}
#head .wrap .upper .donation a:hover, #head .wrap .upper .donation a:focus {
  opacity: 0.7;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003560}}
#head .wrap .lower ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003565}}
#head .wrap .lower li {
  margin-left: 30px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003568}}
#head .wrap .lower li a {
  color: #000;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003572}}
#head .wrap .lower li a:hover, #head .wrap .lower li a:focus {
  text-decoration: underline;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003581}}
#sp-btn {
  display: none;
  line-height: 1;
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003581}}
  #sp-btn {
    display: block;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003589}}
#sp-btn a {
  position: relative;
  display: block;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background: #83b428;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003598}}
#sp-btn span {
  display: block;
  width: 24px;
  height: 2px;
  position: absolute;
  left: 9px;
  background: #ffffff;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003610}}
#sp-btn span:first-child {
  top: 12px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003614}}
#sp-btn span:nth-child(2) {
  margin-top: -1px;
  top: 50%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003619}}
#sp-btn span:last-child {
  bottom: 12px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003623}}
#sp-btn .active span:first-child {
  -webkit-transform: translateY(8px) rotate(45deg);
  -moz-transform: translateY(8px) rotate(45deg);
  -ms-transform: translateY(8px) rotate(45deg);
  transform: translateY(8px) rotate(45deg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003630}}
#sp-btn .active span:nth-child(2) {
  opacity: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003634}}
#sp-btn .active span:last-child {
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -moz-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003644}}
#navi {
  border-top: 14px solid #226865;
  background: #83b428;
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003644}}
  #navi {
    padding: 15px;
    display: none;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003653}}
#navi > ul {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003653}}
  #navi > ul {
    width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003653}}
  #navi > ul {
    display: block;
    padding: 10px 0;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003665}}
#navi > ul li {
  width: 25%;
  border-right: 1px solid #ffffff;
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003665}}
  #navi > ul li {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #ffffff;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003675}}
#navi > ul li:first-child {
  border-left: 1px solid #ffffff;
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003675}}
  #navi > ul li:first-child {
    border-left: 0;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003684}}
#navi > ul a {
  display: block;
  padding: 10px 15px;
  background: #83b428;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003692}}
#navi > ul a:hover, #navi > ul a:focus {
  background: #70a50d;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003699}}
#navi > ul .current a {
  background: #70a50d;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003704}}
#navi .upper {
  margin: -15px -15px 0;
  padding: 15px;
  background: #ffffff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003709}}
#navi .upper form {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003714}}
#navi .upper input[type="text"] {
  min-width: 200px;
  padding: 0;
  border: none;
  border-bottom: 1px solid #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003721}}
#navi .upper input[type="image"] {
  max-width: 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003725}}
#navi .upper .donation a {
  display: block;
  margin-top: 1em;
  padding: 3px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: #ff4c96;
  color: #ffffff;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003734}}
#navi .upper .donation a:hover, #navi .upper .donation a:focus {
  opacity: 0.7;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003741}}
#navi .lower {
  margin: 0 -15px;
  padding: 15px;
  background: #ffffff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003746}}
#navi .lower ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003751}}
#navi .lower li {
  margin-right: 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003755}}
#navi .lower a {
  color: #000;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003761}}
#body--index #navi > ul li:first-child a,
.body--faculty #navi > ul li:nth-child(2) a,
.body--graduate_school #navi > ul li:nth-child(3) a,
.body--research #navi > ul li:nth-child(4) a,
.body--campus_life #navi > ul li:nth-child(5) a,
.body--admission #navi > ul li:nth-child(6) a {
  background: #70a50d;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003772}}
.pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003778}}
.pagetop a {
  position: relative;
  display: block;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003782}}
.pagetop a:hover {
  opacity: 0.8;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003786}}
.pagetop a img {
  width: 84px;
  height: 84px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003786}}
  .pagetop a img {
    width: 60px;
    height: 60px;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003800}}
#foot {
  background: #226865;
  color: #ffffff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003804}}
#foot a {
  color: #ffffff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003808}}
#foot .wrap {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 20px 15px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003808}}
  #foot .wrap {
    width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003808}}
  #foot .wrap {
    display: block;
  }
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003819}}
  #foot .address {
    margin-bottom: 2em;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003824}}
#foot .address h2 {
  margin-bottom: 2em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003828}}
#foot .address h2 img {
  max-width: 563px;
  height: auto;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003828}}
  #foot .address h2 img {
    max-width: 500px;
  }
}
@media only screen and (max-width: 520px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003828}}
  #foot .address h2 img {
    max-width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003842}}
#foot .foot-nav {
  text-align: right;
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003842}}
  #foot .foot-nav {
    text-align: left;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003849}}
#foot .foot-nav li {
  display: inline-block;
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #ffffff;
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003849}}
  #foot .foot-nav li {
    white-space: nowrap;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003859}}
#foot .foot-nav li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003867}}
#foot .jacme a {
  display: inline-block;
  margin: 15px 0;
  padding: 15px 60px;
  border: 2px solid #ffffff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003873}}
#foot .jacme a:hover, #foot .jacme a:focus {
  background: #ffffff;
  color: #000;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003881}}
#foot .copyright {
  font-size: 88%;
  text-align: right;
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003881}}
  #foot .copyright {
    text-align: center;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003891}}
#ss-pc,
#ss-mb {
  padding: 15px;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003896}}
#ss-pc a,
#ss-mb a {
  display: block;
  padding: 10px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: #83b428;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003958}}
div.ss-swiper-slide swiper-container.swiper-container.ss-swiper-slide-container.ss-swiper-slide-main .ss-swiper-slide-item {
  max-width: 100%;
  overflow: hidden;
  aspect-ratio: 7 / 3;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003962}}
div.ss-swiper-slide swiper-container.swiper-container.ss-swiper-slide-container.ss-swiper-slide-main .ss-swiper-slide-item .ss-swiper-slide-item-image {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003967}}
  div.ss-swiper-slide swiper-container.swiper-container.ss-swiper-slide-container.ss-swiper-slide-main div.swiper-pagination {
    bottom: -8px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003971}}
div.ss-swiper-slide swiper-container.swiper-container.ss-swiper-slide-container.ss-swiper-slide-main div.swiper-pagination span.swiper-pagination-bullet {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background: #b4b4b4;
  color: transparent;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003980}}
div.ss-swiper-slide swiper-container.swiper-container.ss-swiper-slide-container.ss-swiper-slide-main div.swiper-pagination span.swiper-pagination-bullet:hover, div.ss-swiper-slide swiper-container.swiper-container.ss-swiper-slide-container.ss-swiper-slide-main div.swiper-pagination span.swiper-pagination-bullet.active {
  background: #676767;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003985}}
div.ss-swiper-slide swiper-container.swiper-container.ss-swiper-slide-container.ss-swiper-slide-main div.swiper-pagination .swiper-pagination-bullet-active {
  background: #676767;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\00003991}}
div.ss-swiper-slide div.ss-swiper-slide-controller {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031002}}
.top-two-col {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031002}}
  .top-two-col {
    width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031002}}
  .top-two-col {
    display: block;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031014}}
#info-tabs {
  width: calc(100% - 350px);
  margin-bottom: 60px;
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031014}}
  #info-tabs {
    width: 100%;
    max-width: 870px;
    margin: 0 auto 60px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031024}}
#info-tabs .tabs {
  margin: 0 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031028}}
#info-tabs .names {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin-bottom: 1em;
  padding-bottom: 8px;
  border-bottom: 2px solid #b1b1b1;
}
@media only screen and (max-width: 480px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031028}}
  #info-tabs .names {
    display: block;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031039}}
#info-tabs .names:before {
  content: "News";
  display: block;
  line-height: 1;
  margin-right: auto;
  font-size: 225%;
  font-family: 'EB Garamond', serif;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031048}}
#info-tabs .names a {
  position: relative;
  padding: 5px 1.5em;
  border-right: 1px solid #b1b1b1;
  color: #8e8e8e;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031055}}
#info-tabs .names a:first-child {
  border-left: 1px solid #b1b1b1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031059}}
#info-tabs .names a:hover, #info-tabs .names a:focus, #info-tabs .names a.current {
  color: #000;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031065}}
#info-tabs .names a:hover:after, #info-tabs .names a:focus:after, #info-tabs .names a.current:after {
  content: "";
  position: absolute;
  right: 1.5em;
  bottom: 5px;
  left: 1.5em;
  border: 2px solid #000;
  text-decoration: none;
}
@media only screen and (max-width: 480px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031065}}
  #info-tabs .names a:hover:after, #info-tabs .names a:focus:after, #info-tabs .names a.current:after {
    bottom: 0;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031083}}
#info-tabs .view article {
  margin-bottom: 1em;
  padding: 0 0 1em;
  border-bottom: 1px solid #b1b1b1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031088}}
#info-tabs .view article time {
  font-size: 88%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031093}}
#info-tabs .view nav {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003184}}
#info-tabs .view nav a {
  padding: 3px 15px;
  border: 1px solid #000;
  color: #000;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003189}}
#info-tabs .view nav a.rss {
  padding-left: 30px;
  background: url(/img/ic-rss.png) no-repeat 10px center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003193}}
#info-tabs .view nav a:hover, #info-tabs .view nav a:focus {
  background-color: #b1b1b1;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031101}}
#admission {
  width: 300px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031101}}
  #admission {
    margin: 0 auto 60px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031109}}
#admission h2 {
  padding: 15px;
  background: #83b428;
  color: #ffffff;
  font-size: 150%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031116}}
#admission .text {
  margin-bottom: 1em;
  padding: 20px;
  background: #efefef;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031121}}
#admission .text li {
  border-bottom: 1px solid #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031124}}
#admission .text li:first-child {
  border-top: 1px solid #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031129}}
#admission .text a {
  display: block;
  padding: 5px 2em 5px 0;
  background: url(/img/ic-arrow.png) no-repeat right 0.5em center;
  color: #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031137}}
#admission .bn a {
  display: block;
  margin-bottom: 1em;
  padding: 20px 15px;
  line-height: 1.4;
  border: 3px solid #83b428;
  color: #83b428;
  font-weight: bold;
  text-align: center;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031148}}
#admission .bn a:hover, #admission .bn a:focus {
  background: #83b428;
  color: #ffffff;
  text-decoration: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031159}}
.color-tl {
  background: #efefef;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031162}}
.color-tl header {
  padding: 2em 0 7em;
  background: #83b428;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031168}}
.color-tl header h2 {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  color: #ffffff;
  font-size: 150%;
  font-weight: bold;
  letter-spacing: .3em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031177}}
.color-tl header h2:after {
  content: "Entrance Examination";
  display: block;
  padding: 0 3em;
  border-top: 3px solid #ffffff;
  font-size: 66.66%;
  letter-spacing: .1em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031187}}
.color-tl ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin: -5em auto 0;
  padding-bottom: 20px;
  max-width: 940px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031195}}
.color-tl ul li {
  margin: 0 20px 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031199}}
.color-tl ul img {
  max-width: 430px;
  height: auto;
}
@media only screen and (max-width: 480px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031199}}
  .color-tl ul img {
    max-width: 100%;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031212}}
.two-panel {
  max-width: 930px;
  margin: 0 auto;
  padding: 45px 15px 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031217}}
.two-panel .wrap {
  display: -webkit-flex;
  display: flex;
  margin: 0 -20px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031217}}
  .two-panel .wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031225}}
.two-panel .wrap > * {
  width: 50%;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031225}}
  .two-panel .wrap > * {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031234}}
.two-panel .text-links {
  width: calc(100% - 40px);
  margin: 0 20px 45px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031238}}
.two-panel .text-links header {
  padding: 45px 0;
  border-top: 8px solid #83b428;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031243}}
.two-panel .text-links.admission-links header {
  background: url(/ph/img/bg-admission.png) no-repeat center center/cover;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031247}}
.two-panel .text-links.campus-links header {
  background: url(/ph/img/bg-campus.png) no-repeat center center/cover;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031251}}
.two-panel .text-links h2 {
  display: inline-block;
  padding: 15px 30px;
  background: rgba(42, 53, 96, 0.8);
  color: #ffffff;
  font-size: 150%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031261}}
.two-panel .text-links .banners span a,
.two-panel .text-links .ss-image-box-item-list span a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #b1b1b1;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031272}}
.text-banner {
  padding-bottom: 80px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031275}}
.text-banner h2 {
  margin-bottom: 40px;
  padding-bottom: .3em;
  border-bottom: 2px solid #83b428;
  color: #83b428;
  font-size: 125%;
  font-weight: bold;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031285}}
.text-banner .banners,
.text-banner .ss-image-box-item-list {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031285}}
  .text-banner .banners,
  .text-banner .ss-image-box-item-list {
    width: 100%;
    min-width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031293}}
.text-banner span {
  margin: 0 10px 10px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031297}}
.text-banner a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 210px;
  height: 100%;
  padding: 20px;
  line-height: 1.4;
  border: 3px solid #83b428;
  color: #83b428;
  font-weight: bold;
  text-align: center;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031311}}
.text-banner a:hover, .text-banner a:focus {
  background: #83b428;
  color: #ffffff;
  text-decoration: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031322}}
.img-head {
  position: relative;
  padding: 14vw 0 40px;
  background: url(/ph/img/img-head.png) no-repeat top center/100% auto;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031327}}
.img-head .wrap {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 15px;
  padding: 30px 40px;
  background: #83b428;
  text-align: center;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031327}}
  .img-head .wrap {
    width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031327}}
  .img-head .wrap {
    padding: 15px 20px 0;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031338}}
.img-head h2 {
  margin-bottom: 1em;
  color: #ffffff;
  font-size: 150%;
  font-weight: bold;
  letter-spacing: .2em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031338}}
  .img-head h2 {
    margin-bottom: .5em;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031350}}
.img-head ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031355}}
.img-head li {
  width: calc(100% / 6);
  margin-bottom: 15px;
}
@media only screen and (max-width: 1250px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031355}}
  .img-head li {
    width: 20%;
  }
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031355}}
  .img-head li {
    width: 25%;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031355}}
  .img-head li {
    width: calc(100% / 3);
  }
}
@media only screen and (max-width: 480px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031355}}
  .img-head li {
    width: 50%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031376}}
.img-head a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  padding: 20px 15px;
  border: 1px solid #ffffff;
  border-right: none;
  color: #ffffff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031387}}
.img-head a:hover, .img-head a:focus {
  background: #ffffff;
  color: #83b428;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031395}}
.img-head li:last-child a {
  padding: 5px 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031399}}
.img-head li:nth-child(2n+1) a {
  background: #70a50d;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031402}}
.img-head li:nth-child(2n+1) a:hover, .img-head li:nth-child(2n+1) a:focus {
  background: #ffffff;
}
@media only screen and (min-width: 1250px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031410}}
  .img-head li:nth-child(6n) a,
  .img-head li:last-child a {
    border-right: 1px solid #ffffff;
  }
}
@media screen and (min-width: 992px) and (max-width: 1250px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031418}}
  .img-head li:nth-child(5n) a,
  .img-head li:last-child a {
    border-right: 1px solid #ffffff;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031425}}
  .img-head li:nth-child(4n) a {
    border-right: 1px solid #ffffff;
  }
}
@media screen and (min-width: 480px) and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031431}}
  .img-head li:nth-child(3n) a {
    border-right: 1px solid #ffffff;
  }
}
@media only screen and (max-width: 480px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031437}}
  .img-head li:nth-child(2n) a {
    border-right: 1px solid #ffffff;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031445}}
.links {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031445}}
  .links {
    width: 100%;
    min-width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031452}}
.links ul {
  min-width: 420px;
  margin: 0 25px 60px;
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031452}}
  .links ul {
    min-width: 300px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031461}}
.links li {
  border-bottom: 1px solid #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031464}}
.links li:first-child {
  border-top: 1px solid #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031469}}
.links a {
  display: block;
  padding: 5px 2em 5px 0;
  background: url(/img/ic-arrow.png) no-repeat right 0.5em center;
  color: #000;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031479}}
.img-bn {
  padding: 2em 0 12em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031482}}
.img-bn h2 {
  margin-bottom: 1rem;
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  letter-spacing: .3em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031490}}
.img-bn ul {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031496}}
.img-bn ul li {
  width: 33.3333%;
  margin-bottom: 1px;
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031496}}
  .img-bn ul li {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031496}}
  .img-bn ul li {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031509}}
.img-bn ul li:not(:last-child) {
  border-right: 1px solid #ffffff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031513}}
.img-bn ul a {
  width: 100%;
  display: block;
  padding: 100px 15px;
  color: #ffffff;
  font-size: 113%;
  font-weight: bold;
  text-align: center;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 992px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031513}}
  .img-bn ul a {
    background-size: cover !important;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031528}}
.img-bn ul .hbs a {
  background: url(/ph/img/bg-hbs.png) no-repeat center center/100% auto;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031532}}
.img-bn ul .center a {
  background: url(/ph/img/bg-center.png) no-repeat center center/100% auto;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031536}}
.img-bn ul .herb a {
  background: url(/ph/img/bg-herb.png) no-repeat center center/100% auto;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031540}}
.img-bn ul .kiki a {
  background: url(/ph/img/bg-kiki.png) no-repeat center center/100% auto;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031544}}
.img-bn ul .nagai a {
  background: url(/ph/img/bg-nagai.png) no-repeat center center/100% auto;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031548}}
.img-bn ul .reunion a {
  background: url(/ph/img/bg-reunion.png) no-repeat center center/100% auto;
  padding: 84px 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031553}}
.img-bn ul a:hover,
.img-bn ul a:focus {
  background-size: 120% auto;
  text-decoration: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031564}}
.img-banner {
  padding: 2em 20px 6em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031567}}
.img-banner h2 {
  margin-bottom: 1em;
  font-size: 113%;
  font-weight: bold;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031574}}
.img-banner .banners,
.img-banner .ss-image-box-item-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031581}}
.img-banner .banners span,
.img-banner .ss-image-box-item-list span {
  display: block;
  margin: 0 8px 16px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031590}}
.pagination {
  margin: 20px 0 120px;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031594}}
.pagination span {
  display: inline-block;
  margin: 0 5px 10px;
  border: 1px solid #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031599}}
.pagination span.current {
  padding: 6px 15px;
  background: #000;
  color: #ffffff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031605}}
.pagination span.gap {
  border: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031609}}
.pagination span a {
  display: block;
  padding: 6px 15px;
  color: #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031614}}
.pagination span a:hover, .pagination span a:focus {
  background: #000;
  color: #ffffff;
  text-decoration: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031626}}
.middle {
  margin: 0 -20px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 1250px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031626}}
  .middle {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031634}}
.middle .dw-panel,
.middle .dw-panel__content {
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031640}}
.middle .item {
  width: calc(100% - 40px);
  margin: 0 20px;
  padding-bottom: 40px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031646}}
.middle h2 a {
  display: block;
  padding: 25px 15px;
  background: #83b428;
  color: #ffffff;
  font-size: 113%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031656}}
.middle h2 a:hover {
  text-decoration: underline;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031661}}
.middle li a {
  display: block;
  padding: 10px 30px 10px 10px;
  border-bottom: 1px dotted #000;
  background: url(/img/ic-arrow.png) no-repeat right 10px center;
  color: #000;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031669}}
.middle li a:hover, .middle li a:focus {
  text-decoration: underline;
}

@media all and (-ms-high-contrast: none) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031677}}
  .body--graduate_school .middle .item {
    display: inline-block;
  }
}
@media only screen and (min-width: 1250px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031682}}
  #body--culture-dietetics-index .middle {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031690}}
.info-pages,
#wrap .article-pages,
#wrap .category-pages,
#main .cms-pages,
.content-one .article-pages,
.content-one .category-pages,
.content-one .cms-pages,
.event-pages {
  margin-bottom: 80px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031700}}
.info-pages > header h2,
#wrap .article-pages > header h2,
#wrap .category-pages > header h2,
#main .cms-pages > header h2,
.content-one .article-pages > header h2,
.content-one .category-pages > header h2,
.content-one .cms-pages > header h2,
.event-pages > header h2 {
  color: #83b428;
  font-size: 150%;
  font-weight: bold;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031706}}
.info-pages li,
.info-pages article,
#wrap .article-pages li,
#wrap .article-pages article,
#wrap .category-pages li,
#wrap .category-pages article,
#main .cms-pages li,
#main .cms-pages article,
.content-one .article-pages li,
.content-one .article-pages article,
.content-one .category-pages li,
.content-one .category-pages article,
.content-one .cms-pages li,
.content-one .cms-pages article,
.event-pages li,
.event-pages article {
  padding: 1em 0;
  border-bottom: 1px solid #b1b1b1;
  cursor: pointer;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031712}}
.info-pages li:first-child,
.info-pages article:first-child,
#wrap .article-pages li:first-child,
#wrap .article-pages article:first-child,
#wrap .category-pages li:first-child,
#wrap .category-pages article:first-child,
#main .cms-pages li:first-child,
#main .cms-pages article:first-child,
.content-one .article-pages li:first-child,
.content-one .article-pages article:first-child,
.content-one .category-pages li:first-child,
.content-one .category-pages article:first-child,
.content-one .cms-pages li:first-child,
.content-one .cms-pages article:first-child,
.event-pages li:first-child,
.event-pages article:first-child {
  border-top: 1px solid #b1b1b1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031716}}
.info-pages li:hover a, .info-pages li:focus a,
.info-pages article:hover a,
.info-pages article:focus a,
#wrap .article-pages li:hover a,
#wrap .article-pages li:focus a,
#wrap .article-pages article:hover a,
#wrap .article-pages article:focus a,
#wrap .category-pages li:hover a,
#wrap .category-pages li:focus a,
#wrap .category-pages article:hover a,
#wrap .category-pages article:focus a,
#main .cms-pages li:hover a,
#main .cms-pages li:focus a,
#main .cms-pages article:hover a,
#main .cms-pages article:focus a,
.content-one .article-pages li:hover a,
.content-one .article-pages li:focus a,
.content-one .article-pages article:hover a,
.content-one .article-pages article:focus a,
.content-one .category-pages li:hover a,
.content-one .category-pages li:focus a,
.content-one .category-pages article:hover a,
.content-one .category-pages article:focus a,
.content-one .cms-pages li:hover a,
.content-one .cms-pages li:focus a,
.content-one .cms-pages article:hover a,
.content-one .cms-pages article:focus a,
.event-pages li:hover a,
.event-pages li:focus a,
.event-pages article:hover a,
.event-pages article:focus a {
  text-decoration: underline;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031721}}
.info-pages li time,
.info-pages article time,
#wrap .article-pages li time,
#wrap .article-pages article time,
#wrap .category-pages li time,
#wrap .category-pages article time,
#main .cms-pages li time,
#main .cms-pages article time,
.content-one .article-pages li time,
.content-one .article-pages article time,
.content-one .category-pages li time,
.content-one .category-pages article time,
.content-one .cms-pages li time,
.content-one .cms-pages article time,
.event-pages li time,
.event-pages article time {
  display: block;
  font-size: 88%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031727}}
.info-pages footer,
#wrap .article-pages footer,
#wrap .category-pages footer,
#main .cms-pages footer,
.content-one .article-pages footer,
.content-one .category-pages footer,
.content-one .cms-pages footer,
.event-pages footer {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003184}}
.info-pages footer a,
#wrap .article-pages footer a,
#wrap .category-pages footer a,
#main .cms-pages footer a,
.content-one .article-pages footer a,
.content-one .category-pages footer a,
.content-one .cms-pages footer a,
.event-pages footer a {
  padding: 3px 15px;
  border: 1px solid #000;
  color: #000;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003189}}
.info-pages footer a.rss,
#wrap .article-pages footer a.rss,
#wrap .category-pages footer a.rss,
#main .cms-pages footer a.rss,
.content-one .article-pages footer a.rss,
.content-one .category-pages footer a.rss,
.content-one .cms-pages footer a.rss,
.event-pages footer a.rss {
  padding-left: 30px;
  background: url(/img/ic-rss.png) no-repeat 10px center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003193}}
.info-pages footer a:hover, .info-pages footer a:focus,
#wrap .article-pages footer a:hover,
#wrap .article-pages footer a:focus,
#wrap .category-pages footer a:hover,
#wrap .category-pages footer a:focus,
#main .cms-pages footer a:hover,
#main .cms-pages footer a:focus,
.content-one .article-pages footer a:hover,
.content-one .article-pages footer a:focus,
.content-one .category-pages footer a:hover,
.content-one .category-pages footer a:focus,
.content-one .cms-pages footer a:hover,
.content-one .cms-pages footer a:focus,
.event-pages footer a:hover,
.event-pages footer a:focus {
  background-color: #b1b1b1;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031734}}
.crumbs-wrap {
  padding-right: 350px;
}
@media only screen and (max-width: 1250px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031734}}
  .crumbs-wrap {
    padding-right: 0;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031742}}
.crumbs {
  margin: 0 -5px 35px;
  font-size: 88%;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031742}}
  .crumbs {
    display: none;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031750}}
.crumbs .separator {
  margin: 0.3em;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031757}}
.local-nav,
.category-nav,
.page-nav {
  position: relative;
  border: 2px solid #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031763}}
.local-nav:before,
.category-nav:before,
.page-nav:before {
  content: "";
  position: absolute;
  width: 90px;
  height: 12px;
  top: -6px;
  right: calc(50% - 40px);
  left: calc(50% - 40px);
  background: #83b428;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031774}}
.local-nav [class^="page--"],
.category-nav [class^="page--"],
.page-nav [class^="page--"] {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031778}}
.local-nav .wrap,
.category-nav .wrap,
.page-nav .wrap {
  margin: .5em -2px;
  padding-bottom: 2em;
  background: #ffffff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031784}}
.local-nav .sitemap-body,
.category-nav .sitemap-body,
.page-nav .sitemap-body {
  border-bottom: 1px solid #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031788}}
.local-nav a,
.category-nav a,
.page-nav a {
  color: #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031792}}
.local-nav h2,
.category-nav h2,
.page-nav h2 {
  padding: .5em 0 2em;
  background: #ffffff;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031797}}
.local-nav h2 a,
.category-nav h2 a,
.page-nav h2 a {
  color: #83b428;
  font-size: 125%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031807}}
.local-nav h3 a,
.category-nav h3 a,
.page-nav h3 a {
  display: block;
  padding: 5px 2.5em 5px 5px;
  border-top: 1px solid #000;
  background: #ffffff url(../img/ic-open.png) no-repeat right 1em center/11px 10px;
  font-weight: bold;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031814}}
.local-nav h3 a.parent,
.category-nav h3 a.parent,
.page-nav h3 a.parent {
  background: #ffffff url(../img/ic-close.png) no-repeat right 1em center/13px 2px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031819}}
.local-nav h3.parent a,
.category-nav h3.parent a,
.page-nav h3.parent a {
  background: #ffffff url(../img/ic-close.png) no-repeat right 1em center/13px 2px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031823}}
.local-nav h3.active + h3,
.category-nav h3.active + h3,
.page-nav h3.active + h3 {
  border-top: 1px solid #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031827}}
.local-nav h4,
.local-nav h5,
.local-nav h6,
.category-nav h4,
.category-nav h5,
.category-nav h6,
.page-nav h4,
.page-nav h5,
.page-nav h6 {
  display: none !important;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031832}}
.local-nav h4.parent,
.local-nav h5.parent,
.local-nav h6.parent,
.category-nav h4.parent,
.category-nav h5.parent,
.category-nav h6.parent,
.page-nav h4.parent,
.page-nav h5.parent,
.page-nav h6.parent {
  display: block !important;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031837}}
.local-nav h5:not(.child),
.category-nav h5:not(.child),
.page-nav h5:not(.child) {
  display: none !important;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031841}}
.local-nav h4 a,
.local-nav h5 a,
.local-nav h6 a,
.local-nav ul li a,
.category-nav h4 a,
.category-nav h5 a,
.category-nav h6 a,
.category-nav ul li a,
.page-nav h4 a,
.page-nav h5 a,
.page-nav h6 a,
.page-nav ul li a {
  display: block;
  padding: 5px 5px 5px 2em;
  border-top: 1px solid #c9c2bf;
  background: url(/ph/img/ic-arrow.png) no-repeat 1.5em 1em/5px 9px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031850}}
.local-nav h4 a:hover, .local-nav h4 a:focus,
.local-nav h5 a:hover,
.local-nav h5 a:focus,
.local-nav h6 a:hover,
.local-nav h6 a:focus,
.local-nav ul li a:hover,
.local-nav ul li a:focus,
.category-nav h4 a:hover,
.category-nav h4 a:focus,
.category-nav h5 a:hover,
.category-nav h5 a:focus,
.category-nav h6 a:hover,
.category-nav h6 a:focus,
.category-nav ul li a:hover,
.category-nav ul li a:focus,
.page-nav h4 a:hover,
.page-nav h4 a:focus,
.page-nav h5 a:hover,
.page-nav h5 a:focus,
.page-nav h6 a:hover,
.page-nav h6 a:focus,
.page-nav ul li a:hover,
.page-nav ul li a:focus {
  text-decoration: underline;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031856}}
.local-nav h4 a,
.category-nav h4 a,
.page-nav h4 a {
  background-color: #f8f8f8;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031860}}
.local-nav h5 a,
.local-nav ul li a,
.category-nav h5 a,
.category-nav ul li a,
.page-nav h5 a,
.page-nav ul li a {
  padding: 5px 5px 5px 3em;
  background-color: #efefef;
  background-position: 2.5em 1em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031867}}
.local-nav ul li a,
.category-nav ul li a,
.page-nav ul li a {
  padding-left: 4em;
  background-position-x: 3.5em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031872}}
.local-nav .active a,
.local-nav .current,
.category-nav .active a,
.category-nav .current,
.page-nav .active a,
.page-nav .current {
  color: #83b428;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031877}}
.local-nav h3.active + h3 a,
.category-nav h3.active + h3 a,
.page-nav h3.active + h3 a {
  border-top: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031881}}
.local-nav ul,
.category-nav ul,
.page-nav ul {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031887}}
.local-nav h6 {
  display: none !important;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031894}}
.category-nav h2,
.page-nav h2 {
  display: block;
  padding: 45px 15px;
  background: #83b428;
  color: #ffffff;
  font-size: 125%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031917}}
.body--faculty .local-nav .page--ph-faculty-labo-mar-iTEX-index,
.body--faculty .local-nav .page--ph-faculty-labo-mar-kakonooshirase,
.body--faculty .local-nav .page--ph-faculty-labo-che-visual-index {
  display: none !important;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031924}}
.body--faculty-labo-cmp-about ul.node--ph-faculty-labo-cmp-about {
  display: block !important;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031932}}
#main .cms-nodes,
#main .category-nodes {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px 60px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031938}}
#main .cms-nodes article,
#main .category-nodes article {
  width: calc(50% - 20px);
  margin: 0 10px 20px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031938}}
  #main .cms-nodes article,
  #main .category-nodes article {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031947}}
#main .cms-nodes h2 a,
#main .category-nodes h2 a {
  display: block;
  padding: 25px 15px;
  background: #83b428;
  color: #ffffff;
  font-size: 113%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031957}}
#main .cms-nodes h2 a:hover,
#main .category-nodes h2 a:hover {
  background: #70a50d;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031961}}
#main .cms-nodes h2 a[href*="/department/department/general_education/"], #main .cms-nodes h2 a[href*="/department/department/course_guide/"],
#main .category-nodes h2 a[href*="/department/department/general_education/"],
#main .category-nodes h2 a[href*="/department/department/course_guide/"] {
  background: #4169e1;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031970}}
#body--department-graduate_school-index #main .cms-pages {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px 60px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031975}}
#body--department-graduate_school-index #main .cms-pages article {
  width: calc(50% - 20px);
  margin: 0 10px 20px;
  padding: 0;
  border: none;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031975}}
  #body--department-graduate_school-index #main .cms-pages article {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031986}}
#body--department-graduate_school-index #main .cms-pages time {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000031990}}
#body--department-graduate_school-index #main .cms-pages h2 a {
  display: block;
  padding: 25px 15px;
  background: #83b428;
  color: #ffffff;
  font-size: 113%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032000}}
#body--department-graduate_school-index #main .cms-pages h2 a:hover {
  background: #70a50d;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032009}}
#page-title {
  margin: 0 -15px 10px;
  background: #000 url(../img/tl-faculty3_ap.png) no-repeat center center;
  background-size: cover;
  background-position-x: right -200px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032009}}
  #page-title {
    margin-bottom: 20px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032019}}
#page-title h1 {
  display: inline-block;
  min-width: 350px;
  padding: 60px 20px;
  background: #83b428;
  color: #ffffff;
  font-size: 175%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032019}}
  #page-title h1 {
    min-width: auto;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032036}}
.body--docs #page-title {
  background: #000 url(../img/tl-faculty3_ap.png) no-repeat right center/80% auto;
  background-size: cover;
  background-position-x: right -400px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032041}}
.body--docs #page-title h1 {
  width: 800px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032046}}
.body--graduate_school #page-title {
  background: #000 url(../img/tl-graduate.png) no-repeat right center/80% auto;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032050}}
.body--research #page-title {
  background: #000 url(../img/tl-research.png) no-repeat right center/80% auto;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032054}}
.body--campus_life #page-title {
  background: #000 url(../img/tl-campus.png) no-repeat right center/80% auto;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032058}}
.body--admission #page-title {
  background: #000 url(../img/tl-admission2.jpg) no-repeat right center/80% auto;
  background-position-y: bottom;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032063}}
.released {
  margin: 0 0 15px;
  text-align: right;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032068}}
.page-published {
  margin-bottom: 3em;
  text-align: right;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032075}}
.cms-nodes + .page-published,
.category-nodes + .page-published {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032080}}
.content-page {
  overflow: hidden;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032083}}
.content-page #visual {
  margin-bottom: 3em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032086}}
.content-page #visual ul li {
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032091}}
.content-page .bx-controls,
.content-page .bx-thumbs {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032097}}
.content-page .article-pages #topics header h2 {
  position: relative;
  margin-bottom: .5em;
  padding-top: 10px;
  border-top: 1px solid #000;
  color: #83b428;
  font-size: 138%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032107}}
.content-page .article-pages #topics header h2:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 165px;
  height: 7px;
  background: #83b428;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032118}}
.content-page .article-pages #topics ul {
  padding-left: 2em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032121}}
.content-page .article-pages #topics ul li {
  list-style: disc;
  border: none;
  padding: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032126}}
.content-page .article-pages #topics ul li time {
  display: inline;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032134}}
.content-page .body,
.content-page .map-page,
.content-page .related-pages,
.content-page .faq-question,
.cke_editable {
  zoom: 1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\00003120}}
.content-page .body:before, .content-page .body:after,
.content-page .map-page:before,
.content-page .map-page:after,
.content-page .related-pages:before,
.content-page .related-pages:after,
.content-page .faq-question:before,
.content-page .faq-question:after,
.cke_editable:before,
.cke_editable:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\00003126}}
.content-page .body:after,
.content-page .map-page:after,
.content-page .related-pages:after,
.content-page .faq-question:after,
.cke_editable:after {
  clear: both;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032141}}
.content-page .body h1,
.content-page .map-page h1,
.content-page .related-pages h1,
.content-page .faq-question h1,
.cke_editable h1 {
  margin-bottom: 1.5em;
  padding: 10px 15px;
  background: #83b428;
  color: #ffffff;
  font-size: 138%;
  font-weight: bold;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032150}}
.content-page .body h2,
.content-page .map-page h2,
.content-page .related-pages h2,
.content-page .faq-question h2,
.cke_editable h2 {
  position: relative;
  margin-bottom: .5em;
  padding-top: 10px;
  border-top: 1px solid #000;
  color: #83b428;
  font-size: 138%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003209}}
.content-page .body h2:before,
.content-page .map-page h2:before,
.content-page .related-pages h2:before,
.content-page .faq-question h2:before,
.cke_editable h2:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 165px;
  height: 7px;
  background: #83b428;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032154}}
.content-page .body h3,
.content-page .map-page h3,
.content-page .related-pages h3,
.content-page .faq-question h3,
.cke_editable h3 {
  margin-bottom: .5em;
  font-size: 125%;
  font-weight: bold;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032158}}
.content-page .body h4,
.content-page .map-page h4,
.content-page .related-pages h4,
.content-page .faq-question h4,
.cke_editable h4 {
  font-size: 113%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032162}}
.content-page .body p,
.content-page .map-page p,
.content-page .related-pages p,
.content-page .faq-question p,
.cke_editable p {
  margin-bottom: 3em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032166}}
.content-page .body ul,
.content-page .map-page ul,
.content-page .related-pages ul,
.content-page .faq-question ul,
.cke_editable ul {
  margin-bottom: 3em;
  padding-left: 3em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032170}}
.content-page .body ul > li,
.content-page .map-page ul > li,
.content-page .related-pages ul > li,
.content-page .faq-question ul > li,
.cke_editable ul > li {
  list-style: disc;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032174}}
.content-page .body ul ul,
.content-page .body ul ol,
.content-page .map-page ul ul,
.content-page .map-page ul ol,
.content-page .related-pages ul ul,
.content-page .related-pages ul ol,
.content-page .faq-question ul ul,
.content-page .faq-question ul ol,
.cke_editable ul ul,
.cke_editable ul ol {
  margin-bottom: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032179}}
.content-page .body ul ol li,
.content-page .map-page ul ol li,
.content-page .related-pages ul ol li,
.content-page .faq-question ul ol li,
.cke_editable ul ol li {
  list-style: decimal;
  padding-left: 0;
  background: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032186}}
.content-page .body ol,
.content-page .map-page ol,
.content-page .related-pages ol,
.content-page .faq-question ol,
.cke_editable ol {
  margin: 0 0 3em 3em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032189}}
.content-page .body ol.no-style,
.content-page .map-page ol.no-style,
.content-page .related-pages ol.no-style,
.content-page .faq-question ol.no-style,
.cke_editable ol.no-style {
  list-style: none;
  text-indent: -1.55em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032194}}
.content-page .body ol ul,
.content-page .body ol ol,
.content-page .map-page ol ul,
.content-page .map-page ol ol,
.content-page .related-pages ol ul,
.content-page .related-pages ol ol,
.content-page .faq-question ol ul,
.content-page .faq-question ol ol,
.cke_editable ol ul,
.cke_editable ol ol {
  margin-bottom: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032200}}
.content-page .body .wrap-table,
.content-page .map-page .wrap-table,
.content-page .related-pages .wrap-table,
.content-page .faq-question .wrap-table,
.cke_editable .wrap-table {
  overflow-x: auto;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032204}}
.content-page .body table,
.content-page .map-page table,
.content-page .related-pages table,
.content-page .faq-question table,
.cke_editable table {
  margin-bottom: 3em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003229}}
.content-page .body table caption,
.content-page .map-page table caption,
.content-page .related-pages table caption,
.content-page .faq-question table caption,
.cke_editable table caption {
  text-align: left;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003232}}
.content-page .body table th, .content-page .body table td,
.content-page .map-page table th,
.content-page .map-page table td,
.content-page .related-pages table th,
.content-page .related-pages table td,
.content-page .faq-question table th,
.content-page .faq-question table td,
.cke_editable table th,
.cke_editable table td {
  padding: 5px 10px;
  border: 1px solid #000;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003239}}
.content-page .body table thead th,
.content-page .map-page table thead th,
.content-page .related-pages table thead th,
.content-page .faq-question table thead th,
.cke_editable table thead th {
  background: #f8f8f8;
  vertical-align: middle;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003243}}
.content-page .body table tbody th,
.content-page .map-page table tbody th,
.content-page .related-pages table tbody th,
.content-page .faq-question table tbody th,
.cke_editable table tbody th {
  background: #efefef;
  vertical-align: middle;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032209}}
.content-page .body table.def3 p,
.content-page .map-page table.def3 p,
.content-page .related-pages table.def3 p,
.content-page .faq-question table.def3 p,
.cke_editable table.def3 p {
  margin-bottom: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032214}}
.content-page .body img,
.content-page .map-page img,
.content-page .related-pages img,
.content-page .faq-question img,
.cke_editable img {
  vertical-align: inherit;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032217}}
.content-page .body img.max,
.content-page .map-page img.max,
.content-page .related-pages img.max,
.content-page .faq-question img.max,
.cke_editable img.max {
  width: 100%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032222}}
.content-page .body video,
.content-page .map-page video,
.content-page .related-pages video,
.content-page .faq-question video,
.cke_editable video {
  max-width: 100%;
  height: auto;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032226}}
.content-page .body video + div,
.content-page .map-page video + div,
.content-page .related-pages video + div,
.content-page .faq-question video + div,
.cke_editable video + div {
  margin-bottom: 3em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032231}}
.content-page .body dl,
.content-page .map-page dl,
.content-page .related-pages dl,
.content-page .faq-question dl,
.cke_editable dl {
  margin-bottom: 3em;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032236}}
.content-page .body dl dt,
.content-page .map-page dl dt,
.content-page .related-pages dl dt,
.content-page .faq-question dl dt,
.cke_editable dl dt {
  width: 10em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032236}}
  .content-page .body dl dt,
  .content-page .map-page dl dt,
  .content-page .related-pages dl dt,
  .content-page .faq-question dl dt,
  .cke_editable dl dt {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032244}}
.content-page .body dl dd,
.content-page .map-page dl dd,
.content-page .related-pages dl dd,
.content-page .faq-question dl dd,
.cke_editable dl dd {
  width: calc(100% - 10em);
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032244}}
  .content-page .body dl dd,
  .content-page .map-page dl dd,
  .content-page .related-pages dl dd,
  .content-page .faq-question dl dd,
  .cke_editable dl dd {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032253}}
.content-page .body small,
.content-page .map-page small,
.content-page .related-pages small,
.content-page .faq-question small,
.cke_editable small {
  font-size: 75%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032257}}
.content-page .body a[class^="icon-"]:after,
.content-page .map-page a[class^="icon-"]:after,
.content-page .related-pages a[class^="icon-"]:after,
.content-page .faq-question a[class^="icon-"]:after,
.cke_editable a[class^="icon-"]:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  background: url(/ph/img/icon.svg) no-repeat right center;
  vertical-align: sub;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032267}}
.content-page .body a.icon-pptx:after,
.content-page .map-page a.icon-pptx:after,
.content-page .related-pages a.icon-pptx:after,
.content-page .faq-question a.icon-pptx:after,
.cke_editable a.icon-pptx:after {
  background: url(/ph/img/icon_ppt.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032271}}
.content-page .body a.icon-xlsx:after,
.content-page .map-page a.icon-xlsx:after,
.content-page .related-pages a.icon-xlsx:after,
.content-page .faq-question a.icon-xlsx:after,
.cke_editable a.icon-xlsx:after {
  background: url(/ph/img/icon_excel.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032275}}
.content-page .body a.icon-xls:after,
.content-page .map-page a.icon-xls:after,
.content-page .related-pages a.icon-xls:after,
.content-page .faq-question a.icon-xls:after,
.cke_editable a.icon-xls:after {
  background: url(/ph/img/icon_excel.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032279}}
.content-page .body a.icon-csv:after,
.content-page .map-page a.icon-csv:after,
.content-page .related-pages a.icon-csv:after,
.content-page .faq-question a.icon-csv:after,
.cke_editable a.icon-csv:after {
  background: url(/ph/img/icon_csv.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032283}}
.content-page .body a.icon-jpg:after,
.content-page .map-page a.icon-jpg:after,
.content-page .related-pages a.icon-jpg:after,
.content-page .faq-question a.icon-jpg:after,
.cke_editable a.icon-jpg:after {
  background: url(/ph/img/icon_jpg.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032287}}
.content-page .body a.icon-tiff:after,
.content-page .map-page a.icon-tiff:after,
.content-page .related-pages a.icon-tiff:after,
.content-page .faq-question a.icon-tiff:after,
.cke_editable a.icon-tiff:after {
  background: url(/ph/img/file-tiff.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032291}}
.content-page .body a.icon-png:after,
.content-page .map-page a.icon-png:after,
.content-page .related-pages a.icon-png:after,
.content-page .faq-question a.icon-png:after,
.cke_editable a.icon-png:after {
  background: url(/ph/img/icon_png.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032295}}
.content-page .body a.icon-gif:after,
.content-page .map-page a.icon-gif:after,
.content-page .related-pages a.icon-gif:after,
.content-page .faq-question a.icon-gif:after,
.cke_editable a.icon-gif:after {
  background: url(/ph/img/file-gif.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032299}}
.content-page .body a.icon-bmp:after,
.content-page .map-page a.icon-bmp:after,
.content-page .related-pages a.icon-bmp:after,
.content-page .faq-question a.icon-bmp:after,
.cke_editable a.icon-bmp:after {
  background: url(/ph/img/file-bmp.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032303}}
.content-page .body a.icon-wav:after,
.content-page .map-page a.icon-wav:after,
.content-page .related-pages a.icon-wav:after,
.content-page .faq-question a.icon-wav:after,
.cke_editable a.icon-wav:after {
  background: url(/ph/img/file-wav.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032307}}
.content-page .body a.icon-mp3:after,
.content-page .map-page a.icon-mp3:after,
.content-page .related-pages a.icon-mp3:after,
.content-page .faq-question a.icon-mp3:after,
.cke_editable a.icon-mp3:after {
  background: url(/ph/img/file-mp3.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032311}}
.content-page .body a.icon-mov:after,
.content-page .map-page a.icon-mov:after,
.content-page .related-pages a.icon-mov:after,
.content-page .faq-question a.icon-mov:after,
.cke_editable a.icon-mov:after {
  background: url(/ph/img/file-mov.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032315}}
.content-page .body a.icon-mp4:after,
.content-page .map-page a.icon-mp4:after,
.content-page .related-pages a.icon-mp4:after,
.content-page .faq-question a.icon-mp4:after,
.cke_editable a.icon-mp4:after {
  background: url(/ph/img/file-mp4.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032319}}
.content-page .body a.icon-mpeg:after,
.content-page .map-page a.icon-mpeg:after,
.content-page .related-pages a.icon-mpeg:after,
.content-page .faq-question a.icon-mpeg:after,
.cke_editable a.icon-mpeg:after {
  background: url(/ph/img/file-mpeg.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032323}}
.content-page .body a.icon-txt:after,
.content-page .map-page a.icon-txt:after,
.content-page .related-pages a.icon-txt:after,
.content-page .faq-question a.icon-txt:after,
.cke_editable a.icon-txt:after {
  background: url(/ph/img/icon.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032327}}
.content-page .body a.icon-doc:after,
.content-page .map-page a.icon-doc:after,
.content-page .related-pages a.icon-doc:after,
.content-page .faq-question a.icon-doc:after,
.cke_editable a.icon-doc:after {
  background: url(/ph/img/icon_word.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032331}}
.content-page .body a.icon-ppt:after,
.content-page .map-page a.icon-ppt:after,
.content-page .related-pages a.icon-ppt:after,
.content-page .faq-question a.icon-ppt:after,
.cke_editable a.icon-ppt:after {
  background: url(/ph/img/icon_ppt.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032335}}
.content-page .body a.icon-zip:after,
.content-page .map-page a.icon-zip:after,
.content-page .related-pages a.icon-zip:after,
.content-page .faq-question a.icon-zip:after,
.cke_editable a.icon-zip:after {
  background: url(/ph/img/icon.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032339}}
.content-page .body a.icon-pdf:after,
.content-page .map-page a.icon-pdf:after,
.content-page .related-pages a.icon-pdf:after,
.content-page .faq-question a.icon-pdf:after,
.cke_editable a.icon-pdf:after {
  background: url(/ph/img/icon_pdf.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032343}}
.content-page .body a.icon-docx:after,
.content-page .map-page a.icon-docx:after,
.content-page .related-pages a.icon-docx:after,
.content-page .faq-question a.icon-docx:after,
.cke_editable a.icon-docx:after {
  background: url(/ph/img/icon_word.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032347}}
.content-page .body .float-left,
.content-page .body .ss-alignment-left,
.content-page .body .imgLeft,
.content-page .map-page .float-left,
.content-page .map-page .ss-alignment-left,
.content-page .map-page .imgLeft,
.content-page .related-pages .float-left,
.content-page .related-pages .ss-alignment-left,
.content-page .related-pages .imgLeft,
.content-page .faq-question .float-left,
.content-page .faq-question .ss-alignment-left,
.content-page .faq-question .imgLeft,
.cke_editable .float-left,
.cke_editable .ss-alignment-left,
.cke_editable .imgLeft {
  position: relative;
  z-index: 2;
  float: left;
  margin: 0 1em 1em 0;
  background: #ffffff;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032347}}
  .content-page .body .float-left,
  .content-page .body .ss-alignment-left,
  .content-page .body .imgLeft,
  .content-page .map-page .float-left,
  .content-page .map-page .ss-alignment-left,
  .content-page .map-page .imgLeft,
  .content-page .related-pages .float-left,
  .content-page .related-pages .ss-alignment-left,
  .content-page .related-pages .imgLeft,
  .content-page .faq-question .float-left,
  .content-page .faq-question .ss-alignment-left,
  .content-page .faq-question .imgLeft,
  .cke_editable .float-left,
  .cke_editable .ss-alignment-left,
  .cke_editable .imgLeft {
    float: none;
    margin: 0 0 1em 0;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032362}}
.content-page .body .float-right,
.content-page .body .ss-alignment-right,
.content-page .body .imgRight,
.content-page .map-page .float-right,
.content-page .map-page .ss-alignment-right,
.content-page .map-page .imgRight,
.content-page .related-pages .float-right,
.content-page .related-pages .ss-alignment-right,
.content-page .related-pages .imgRight,
.content-page .faq-question .float-right,
.content-page .faq-question .ss-alignment-right,
.content-page .faq-question .imgRight,
.cke_editable .float-right,
.cke_editable .ss-alignment-right,
.cke_editable .imgRight {
  position: relative;
  z-index: 2;
  float: right;
  margin: 0 0 1em 1em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032362}}
  .content-page .body .float-right,
  .content-page .body .ss-alignment-right,
  .content-page .body .imgRight,
  .content-page .map-page .float-right,
  .content-page .map-page .ss-alignment-right,
  .content-page .map-page .imgRight,
  .content-page .related-pages .float-right,
  .content-page .related-pages .ss-alignment-right,
  .content-page .related-pages .imgRight,
  .content-page .faq-question .float-right,
  .content-page .faq-question .ss-alignment-right,
  .content-page .faq-question .imgRight,
  .cke_editable .float-right,
  .cke_editable .ss-alignment-right,
  .cke_editable .imgRight {
    float: none;
    margin: 0 0 1em 0;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032376}}
.content-page .body .clear,
.content-page .body .ss-alignment-center,
.content-page .map-page .clear,
.content-page .map-page .ss-alignment-center,
.content-page .related-pages .clear,
.content-page .related-pages .ss-alignment-center,
.content-page .faq-question .clear,
.content-page .faq-question .ss-alignment-center,
.cke_editable .clear,
.cke_editable .ss-alignment-center {
  clear: both;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032381}}
.content-page .body .facilities,
.content-page .map-page .facilities,
.content-page .related-pages .facilities,
.content-page .faq-question .facilities,
.cke_editable .facilities {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032386}}
.content-page .body .facilities .facility,
.content-page .map-page .facilities .facility,
.content-page .related-pages .facilities .facility,
.content-page .faq-question .facilities .facility,
.cke_editable .facilities .facility {
  width: calc(50% - 20px);
  margin: 0 10px 20px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032386}}
  .content-page .body .facilities .facility,
  .content-page .map-page .facilities .facility,
  .content-page .related-pages .facilities .facility,
  .content-page .faq-question .facilities .facility,
  .cke_editable .facilities .facility {
    width: calc(100% - 20px);
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032395}}
.content-page .body .facilities .img,
.content-page .map-page .facilities .img,
.content-page .related-pages .facilities .img,
.content-page .faq-question .facilities .img,
.cke_editable .facilities .img {
  margin-right: 15px;
  width: 90px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032400}}
.content-page .body .facilities .text,
.content-page .map-page .facilities .text,
.content-page .related-pages .facilities .text,
.content-page .faq-question .facilities .text,
.cke_editable .facilities .text {
  width: calc(100% - 105px);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032404}}
.content-page .body .facilities p,
.content-page .map-page .facilities p,
.content-page .related-pages .facilities p,
.content-page .faq-question .facilities p,
.cke_editable .facilities p {
  margin-bottom: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032408}}
.content-page .body .facilities .name,
.content-page .map-page .facilities .name,
.content-page .related-pages .facilities .name,
.content-page .faq-question .facilities .name,
.cke_editable .facilities .name {
  font-size: 113%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032415}}
.content-page .body .h-border th,
.content-page .body .h-border td,
.content-page .map-page .h-border th,
.content-page .map-page .h-border td,
.content-page .related-pages .h-border th,
.content-page .related-pages .h-border td,
.content-page .faq-question .h-border th,
.content-page .faq-question .h-border td,
.cke_editable .h-border th,
.cke_editable .h-border td {
  border-right: 0;
  border-left: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032424}}
.content-page .body .noborder th,
.content-page .body .noborder td,
.content-page .map-page .noborder th,
.content-page .map-page .noborder td,
.content-page .related-pages .noborder th,
.content-page .related-pages .noborder td,
.content-page .faq-question .noborder th,
.content-page .faq-question .noborder td,
.cke_editable .noborder th,
.cke_editable .noborder td {
  padding: 0 15px 0 0;
  border: none;
  vertical-align: top;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032432}}
.content-page .body .officers,
.content-page .map-page .officers,
.content-page .related-pages .officers,
.content-page .faq-question .officers,
.cke_editable .officers {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032438}}
.content-page .body .officers .officer,
.content-page .map-page .officers .officer,
.content-page .related-pages .officers .officer,
.content-page .faq-question .officers .officer,
.cke_editable .officers .officer {
  display: -webkit-flex;
  display: flex;
  width: calc(50% - 20px);
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032438}}
  .content-page .body .officers .officer,
  .content-page .map-page .officers .officer,
  .content-page .related-pages .officers .officer,
  .content-page .faq-question .officers .officer,
  .cke_editable .officers .officer {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032448}}
.content-page .body .officers p,
.content-page .map-page .officers p,
.content-page .related-pages .officers p,
.content-page .faq-question .officers p,
.cke_editable .officers p {
  margin: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032452}}
.content-page .body .officers .photo,
.content-page .map-page .officers .photo,
.content-page .related-pages .officers .photo,
.content-page .faq-question .officers .photo,
.cke_editable .officers .photo {
  width: 90px;
  margin: 0 10px 10px 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032457}}
.content-page .body .officers .text,
.content-page .map-page .officers .text,
.content-page .related-pages .officers .text,
.content-page .faq-question .officers .text,
.cke_editable .officers .text {
  width: calc(100% - 100px);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032461}}
.content-page .body .officers .name,
.content-page .map-page .officers .name,
.content-page .related-pages .officers .name,
.content-page .faq-question .officers .name,
.cke_editable .officers .name {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032467}}
.content-page .body .officers .name span,
.content-page .map-page .officers .name span,
.content-page .related-pages .officers .name span,
.content-page .faq-question .officers .name span,
.cke_editable .officers .name span {
  font-size: 50%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032472}}
.content-page .body .anchor,
.content-page .map-page .anchor,
.content-page .related-pages .anchor,
.content-page .faq-question .anchor,
.cke_editable .anchor {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px 3em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032477}}
.content-page .body .anchor li,
.content-page .map-page .anchor li,
.content-page .related-pages .anchor li,
.content-page .faq-question .anchor li,
.cke_editable .anchor li {
  min-width: calc(33.3333% - 40px);
  margin: 0 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032483}}
.content-page .body .links,
.content-page .map-page .links,
.content-page .related-pages .links,
.content-page .faq-question .links,
.cke_editable .links {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px 3em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032488}}
.content-page .body .links li,
.content-page .map-page .links li,
.content-page .related-pages .links li,
.content-page .faq-question .links li,
.cke_editable .links li {
  min-width: calc(50% - 40px);
  margin: 0 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032494}}
.content-page .body .kikin-moshikomi,
.content-page .map-page .kikin-moshikomi,
.content-page .related-pages .kikin-moshikomi,
.content-page .faq-question .kikin-moshikomi,
.cke_editable .kikin-moshikomi {
  margin-bottom: 3em;
  padding: 1em;
  border: 1px dashed #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032499}}
.content-page .body .kikin-moshikomi p,
.content-page .map-page .kikin-moshikomi p,
.content-page .related-pages .kikin-moshikomi p,
.content-page .faq-question .kikin-moshikomi p,
.cke_editable .kikin-moshikomi p {
  margin: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032504}}
.content-page .body .clearfix,
.content-page .map-page .clearfix,
.content-page .related-pages .clearfix,
.content-page .faq-question .clearfix,
.cke_editable .clearfix {
  zoom: 1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\00003120}}
.content-page .body .clearfix:before, .content-page .body .clearfix:after,
.content-page .map-page .clearfix:before,
.content-page .map-page .clearfix:after,
.content-page .related-pages .clearfix:before,
.content-page .related-pages .clearfix:after,
.content-page .faq-question .clearfix:before,
.content-page .faq-question .clearfix:after,
.cke_editable .clearfix:before,
.cke_editable .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\00003126}}
.content-page .body .clearfix:after,
.content-page .map-page .clearfix:after,
.content-page .related-pages .clearfix:after,
.content-page .faq-question .clearfix:after,
.cke_editable .clearfix:after {
  clear: both;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032508}}
.content-page .body .tokupon-fukidashi img,
.content-page .map-page .tokupon-fukidashi img,
.content-page .related-pages .tokupon-fukidashi img,
.content-page .faq-question .tokupon-fukidashi img,
.cke_editable .tokupon-fukidashi img {
  position: relative;
  top: -50px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032513}}
.content-page .body #period,
.content-page .map-page #period,
.content-page .related-pages #period,
.content-page .faq-question #period,
.cke_editable #period {
  position: relative;
  top: 96px;
  left: 64px;
  font-size: 120%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032519}}
.content-page .body #period span.date,
.content-page .map-page #period span.date,
.content-page .related-pages #period span.date,
.content-page .faq-question #period span.date,
.cke_editable #period span.date {
  display: inline-block;
  margin: 0 4px;
  font-size: 160%;
}
@media only screen and (min-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032527}}
  .content-page .body .overlay,
  .content-page .map-page .overlay,
  .content-page .related-pages .overlay,
  .content-page .faq-question .overlay,
  .cke_editable .overlay {
    position: absolute;
    top: -30%;
    right: -30%;
    bottom: -30%;
    left: -30%;
    background: rgba(0, 0, 0, 0.3);
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032536}}
  .content-page .body .modal-box,
  .content-page .map-page .modal-box,
  .content-page .related-pages .modal-box,
  .content-page .faq-question .modal-box,
  .cke_editable .modal-box {
    display: none;
    position: absolute;
    top: 30%;
    left: calc(50% - 300px);
    z-index: 100;
    width: 600px;
    padding: 40px;
    background: #ffffff;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032546}}
  .content-page .body .modal-box .close,
  .content-page .map-page .modal-box .close,
  .content-page .related-pages .modal-box .close,
  .content-page .faq-question .modal-box .close,
  .cke_editable .modal-box .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #000;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032560}}
  .content-page .body .modal-box.active,
  .content-page .map-page .modal-box.active,
  .content-page .related-pages .modal-box.active,
  .content-page .faq-question .modal-box.active,
  .cke_editable .modal-box.active {
    display: block;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032566}}
.content-page .body div.flex,
.content-page .map-page div.flex,
.content-page .related-pages div.flex,
.content-page .faq-question div.flex,
.cke_editable div.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032571}}
.content-page .body div.flex p.double,
.content-page .map-page div.flex p.double,
.content-page .related-pages div.flex p.double,
.content-page .faq-question div.flex p.double,
.cke_editable div.flex p.double {
  width: calc(100% / 2 - 10px);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032574}}
.content-page .body div.flex p.double:nth-child(2n),
.content-page .map-page div.flex p.double:nth-child(2n),
.content-page .related-pages div.flex p.double:nth-child(2n),
.content-page .faq-question div.flex p.double:nth-child(2n),
.cke_editable div.flex p.double:nth-child(2n) {
  margin-left: 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032578}}
.content-page .body div.flex p.double img,
.content-page .map-page div.flex p.double img,
.content-page .related-pages div.flex p.double img,
.content-page .faq-question div.flex p.double img,
.cke_editable div.flex p.double img {
  max-width: 100%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032583}}
.content-page .body div.flex p.triple,
.content-page .map-page div.flex p.triple,
.content-page .related-pages div.flex p.triple,
.content-page .faq-question div.flex p.triple,
.cke_editable div.flex p.triple {
  width: calc(100% / 3 - 10px);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032586}}
.content-page .body div.flex p.triple:nth-child(3n-1),
.content-page .map-page div.flex p.triple:nth-child(3n-1),
.content-page .related-pages div.flex p.triple:nth-child(3n-1),
.content-page .faq-question div.flex p.triple:nth-child(3n-1),
.cke_editable div.flex p.triple:nth-child(3n-1) {
  margin-right: 15px;
  margin-left: 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032591}}
.content-page .body div.flex p.triple img,
.content-page .map-page div.flex p.triple img,
.content-page .related-pages div.flex p.triple img,
.content-page .faq-question div.flex p.triple img,
.cke_editable div.flex p.triple img {
  max-width: 100%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032597}}
.content-page .body p.page-link,
.content-page .map-page p.page-link,
.content-page .related-pages p.page-link,
.content-page .faq-question p.page-link,
.cke_editable p.page-link {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032602}}
.content-page .body p.page-link a,
.content-page .map-page p.page-link a,
.content-page .related-pages p.page-link a,
.content-page .faq-question p.page-link a,
.cke_editable p.page-link a {
  display: block;
  margin-bottom: 20px;
  text-decoration: underline;
}
@media only screen and (max-width: 1250px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032602}}
  .content-page .body p.page-link a,
  .content-page .map-page p.page-link a,
  .content-page .related-pages p.page-link a,
  .content-page .faq-question p.page-link a,
  .cke_editable p.page-link a {
    margin: 10px 20px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032613}}
.content-page .body time,
.content-page .map-page time,
.content-page .related-pages time,
.content-page .faq-question time,
.cke_editable time {
  font-weight: bold;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032618}}
.cke_editable .modal-box {
  position: static;
  display: block !important;
  width: auto;
}

@media only screen and (min-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032625}}
  .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032637}}
.categories {
  margin-bottom: 3em;
  padding: 10px 0;
  border-top: 1px solid #000;
  text-align: right;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032643}}
.categories header,
.categories .nodes {
  display: inline-block;
  vertical-align: top;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032649}}
.categories .nodes li {
  display: inline-block;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #000;
  vertical-align: bottom;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032660}}
.content-page #history h2,
.content-page #recommend h2 {
  margin-bottom: .5em;
  padding-top: 10px;
  border-top: 1px solid #000;
  font-size: 125%;
  font-weight: bold;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032668}}
.content-page #history ul,
.content-page #recommend ul {
  margin-bottom: 3em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032672}}
.content-page #history li,
.content-page #recommend li {
  padding-left: 1.5em;
  background: url(/ph/img/ic-recommend.png) no-repeat left 0.7em/17px 4px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032676}}
.content-page #history li a,
.content-page #recommend li a {
  color: #000;
  text-decoration: underline;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032680}}
.content-page #history li a:hover, .content-page #history li a:focus,
.content-page #recommend li a:hover,
.content-page #recommend li a:focus {
  text-decoration: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032688}}
.col-two #main .body + .categories {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032692}}
#map-canvas {
  margin-bottom: 3em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032692}}
  #map-canvas {
    height: 300px !important;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032700}}
.contact,
.toiawase {
  margin: 0 0 3em;
  padding: 0 15px 15px;
  border: 2px solid #83b428;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032706}}
.contact h2,
.contact h3,
.contact h4,
.contact .toiawaseHeader,
.toiawase h2,
.toiawase h3,
.toiawase h4,
.toiawase .toiawaseHeader {
  margin: 0 -15px 10px !important;
  padding: 5px 15px !important;
  border: none !important;
  background: #83b428;
  color: #ffffff !important;
  font-size: 113% !important;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032718}}
.contact p,
.toiawase p {
  margin-bottom: 0 !important;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032722}}
.contact .group,
.toiawase .group {
  font-weight: bold;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032726}}
.contact dl,
.contact dt,
.contact dd,
.toiawase dl,
.toiawase dt,
.toiawase dd {
  display: inline-block;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032732}}
.contact dl,
.toiawase dl {
  margin-right: 15px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032737}}
.ss-adobe-reader {
  margin-bottom: 3em;
  padding: 20px 20px 20px 180px;
  background: #efefef url(../img/bn-adobe.png) no-repeat 20px center;
}
@media only screen and (max-width: 480px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032737}}
  .ss-adobe-reader {
    padding: 20px;
    background: #efefef;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032748}}
.cke_editable {
  padding: 15px;
  font-size: 16px;
  line-height: 1.79;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032756}}
.inquiry-html {
  margin-bottom: 2em;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032760}}
.columns {
  border-top: 1px solid #b1b1b1;
  border-bottom: 1px solid #b1b1b1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032764}}
.columns dl,
.columns fieldset {
  zoom: 1;
  padding: 10px 0;
  border-bottom: 1px solid #b1b1b1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\00003120}}
.columns dl:before, .columns dl:after,
.columns fieldset:before,
.columns fieldset:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\00003126}}
.columns dl:after,
.columns fieldset:after {
  clear: both;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032770}}
.columns dl:last-child,
.columns fieldset:last-child {
  border: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032775}}
.columns dt,
.columns legend {
  clear: left;
  float: left;
  width: 12em;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032775}}
  .columns dt,
  .columns legend {
    float: none;
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032788}}
.columns dd,
.columns .fields {
  padding-left: 13em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032788}}
  .columns dd,
  .columns .fields {
    padding: 0;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032797}}
.columns .required {
  display: block;
  color: #dd0000;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032797}}
  .columns .required {
    display: inline;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032806}}
.columns label {
  margin-right: 10px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032813}}
.event-search {
  margin-bottom: 3em;
  padding: 20px 20px 8px;
  background: #efefef;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032818}}
.event-search fieldset {
  margin-bottom: 1em !important;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032822}}
.event-search .categories {
  padding: 0;
  border: none;
  text-align: left;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032827}}
.event-search .categories label {
  display: inline-block;
  margin-right: 1em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032834}}
.event-search .dates input {
  width: 30%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032839}}
.event-search .send {
  padding: 0;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032844}}
.event-date {
  position: relative;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032847}}
.event-date h2 {
  position: relative;
  margin-bottom: .5em;
  padding-top: 10px;
  border-top: 1px solid #000;
  color: #83b428;
  font-size: 138%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003209}}
.event-date h2:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 165px;
  height: 7px;
  background: #83b428;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032851}}
.event-date .list,
.event-date .table {
  display: inline-block;
  margin: -1em 5px 1em 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003166}}
.event-date .list a,
.event-date .table a {
  display: block;
  padding: 3px 10px;
  border: 1px solid #000;
  background: #ffffff;
  color: #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003172}}
.event-date .list a:hover, .event-date .list a:focus, .event-date .list a.clicked, .event-date .list a.current,
.event-date .table a:hover,
.event-date .table a:focus,
.event-date .table a.clicked,
.event-date .table a.current {
  background: #000;
  color: #ffffff;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032857}}
.event-date .list.current a,
.event-date .table.current a {
  background: #000;
  color: #ffffff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032863}}
.event-date ul {
  position: absolute;
  top: 1.2em;
  right: 0;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032863}}
  .event-date ul {
    position: static;
    margin-top: 2em;
    text-align: right;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032875}}
.event-date li {
  display: inline-block;
  padding: 0 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032879}}
.event-date li:first-child {
  border-right: 1px solid #000;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032885}}
.event-pages-filter {
  margin: 0 -5px 1em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032888}}
.event-pages-filter ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032893}}
.event-pages-filter li {
  margin: 0 5px 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003166}}
.event-pages-filter li a {
  display: block;
  padding: 3px 10px;
  border: 1px solid #000;
  background: #ffffff;
  color: #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003172}}
.event-pages-filter li a:hover, .event-pages-filter li a:focus, .event-pages-filter li a.clicked, .event-pages-filter li a.current {
  background: #000;
  color: #ffffff;
  text-decoration: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032899}}
#event-list {
  border-top: 1px solid #b1b1b1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032902}}
#event-list dl {
  zoom: 1;
  padding: 10px;
  border-bottom: 1px solid #b1b1b1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\00003120}}
#event-list dl:before, #event-list dl:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_init\.scss}line{font-family:\00003126}}
#event-list dl:after {
  clear: both;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032907}}
#event-list dl:last-child {
  border-bottom: 1px solid #b1b1b1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032911}}
#event-list dl.sat {
  background: #e1ebf1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032915}}
#event-list dl.sun {
  background: #fee;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032920}}
#event-list dt {
  clear: left;
  float: left;
  width: 11em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032920}}
  #event-list dt {
    width: 100%;
    float: none;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032931}}
#event-list dd {
  display: block;
  margin-bottom: 5px;
  padding-left: 12em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032931}}
  #event-list dd {
    margin-bottom: 15px;
    padding: 0;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032941}}
#event-list dd:last-child {
  margin: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032945}}
#event-list dd.no-event {
  color: rgba(0, 0, 0, 0.3);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032949}}
#event-list dd div,
#event-list dd header {
  display: inline-block;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032954}}
#event-list dd div {
  margin-right: 5px;
  font-size: 88%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003166}}
#event-list dd div a {
  display: block;
  padding: 3px 10px;
  border: 1px solid #000;
  background: #ffffff;
  color: #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003172}}
#event-list dd div a:hover, #event-list dd div a:focus, #event-list dd div a.clicked, #event-list dd div a.current {
  background: #000;
  color: #ffffff;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032961}}
#event-list abbr {
  border: none;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032966}}
#event-list div.page article {
  padding: 10px 0;
  border-bottom: 1px solid #b1b1b1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032970}}
#event-list div.page article:last-child {
  border-bottom: 1px solid #b1b1b1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032974}}
#event-list div.page article .categories {
  margin: 0;
  padding: 0;
  border-top: none;
  text-align: left;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032981}}
#event-list div.page article .categories li {
  display: inline-block;
  margin-right: 5px;
  vertical-align: bottom;
  font-size: 75%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003166}}
#event-list div.page article .categories li a {
  display: block;
  padding: 3px 10px;
  border: 1px solid #000;
  background: #ffffff;
  color: #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003172}}
#event-list div.page article .categories li a:hover, #event-list div.page article .categories li a:focus, #event-list div.page article .categories li a.clicked, #event-list div.page article .categories li a.current {
  background: #000;
  color: #ffffff;
  text-decoration: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032992}}
#event-table .wrap-table {
  overflow-x: auto;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032996}}
#event-table .calendar {
  margin-bottom: 3em;
  width: 100%;
  table-layout: fixed;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003229}}
#event-table .calendar caption {
  text-align: left;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003232}}
#event-table .calendar th, #event-table .calendar td {
  padding: 5px 10px;
  border: 1px solid #000;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003239}}
#event-table .calendar thead th {
  background: #f8f8f8;
  vertical-align: middle;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003243}}
#event-table .calendar tbody th {
  background: #efefef;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000032996}}
  #event-table .calendar {
    width: auto;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033005}}
#event-table .calendar th,
#event-table .calendar td {
  padding: 0 8px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033009}}
#event-table .calendar th.sun,
#event-table .calendar td.sun {
  background: #fee;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033013}}
#event-table .calendar th.sat,
#event-table .calendar td.sat {
  background: #e1ebf1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033017}}
#event-table .calendar th.prev-month, #event-table .calendar th.next-month,
#event-table .calendar td.prev-month,
#event-table .calendar td.next-month {
  background: #efefef;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033021}}
#event-table .calendar th.prev-month .daily, #event-table .calendar th.next-month .daily,
#event-table .calendar td.prev-month .daily,
#event-table .calendar td.next-month .daily {
  color: #666;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033026}}
#event-table .calendar th .date div,
#event-table .calendar td .date div {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: normal;
  word-wrap: normal;
  white-space: nowrap;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033034}}
#event-table .calendar th .data .data,
#event-table .calendar td .data .data {
  display: none;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033005}}
  #event-table .calendar th,
  #event-table .calendar td {
    max-width: 160px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033043}}
#event-table .calendar tr:nth-child(2n) td {
  background: #ffffff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033048}}
#event-table .no-event {
  color: transparent;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033053}}
.event .categories {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033057}}
.event .see {
  margin-bottom: 80px;
  padding: 0 15px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033061}}
.event .see dt {
  clear: left;
  float: left;
  width: 10em;
  padding: 10px 0;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033061}}
  .event .see dt {
    float: none;
    widht: 100%;
    padding-bottom: 0;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033075}}
.event .see dd {
  display: block;
  padding: 10px 0 10px 11em;
  border-bottom: 1px solid #b1b1b1;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033075}}
  .event .see dd {
    padding-left: 0;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033088}}
.col-one .sitemap-body {
  margin-bottom: 60px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033091}}
.col-one .sitemap-body h2 {
  position: relative;
  margin-bottom: .5em;
  padding-top: 10px;
  border-top: 1px solid #000;
  color: #83b428;
  font-size: 138%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  clear: both;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/_part\.scss}line{font-family:\00003209}}
.col-one .sitemap-body h2:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 165px;
  height: 7px;
  background: #83b428;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033095}}
.col-one .sitemap-body h2:not(:first-child) {
  margin-top: 3em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033100}}
.col-one .sitemap-body h3 {
  margin-bottom: .5em;
  font-size: 125%;
  font-weight: bold;
  font-size: 113%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033105}}
.col-one .sitemap-body h3 + h3 {
  margin-top: 2.5em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033109}}
.col-one .sitemap-body h4 + h3 {
  padding-top: 2.5em;
  clear: both;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033114}}
.col-one .sitemap-body h4 {
  font-size: 113%;
  font-size: 100%;
  float: left;
  display: inline-block;
  margin: 0 10px 5px 0;
  padding-right: 10px;
  border-right: 1px solid #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033123}}
.col-one .sitemap-body h4:last-child {
  border-right: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033128}}
.col-one .sitemap-body ul {
  margin-bottom: 3em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033132}}
.col-one .sitemap-body li {
  display: inline-block;
  margin: 0 10px 5px 0;
  padding-right: 10px;
  border-right: 1px solid #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033138}}
.col-one .sitemap-body li:last-child {
  border-right: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033143}}
.col-one .sitemap-body h3[class*="page--ph-docs-"] {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033150}}
.gsc-above-wrapper-area-container {
  margin-bottom: 0 !important;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033154}}
.gsc-result-info-container {
  padding: 0 !important;
  border: 0 !important;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/ph\/css\/style\.scss}line{font-family:\000033159}}
.gsc-result .gs-title {
  height: auto !important;
}