@-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\/_\/english\/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\/_\/english\/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\/_\/english\/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\/_\/english\/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\/_\/english\/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\/_\/english\/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\/_\/english\/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\/_\/english\/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\/_\/english\/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\/_\/english\/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\/_\/english\/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\/_\/english\/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\/_\/english\/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\/_\/english\/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\/_\/english\/css\/_init\.scss}line{font-family:\00003112}}
input, select {
  vertical-align: middle;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/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: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\0000311}}
  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\/_\/english\/css\/style\.scss}line{font-family:\0000319}}
html {
  height: 100%;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\0000323}}
body {
  position: relative;
  width: 100%;
  margin: 0;
  background-color: white;
  font-size: 100%;
  color: #000;
  font-family: "Montserrat", "Hiragino Sans", Meiryo, "Hiragino Kaku Gothic ProN", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.22;
  -webkit-text-size-adjust: 100%;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\0000337}}
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\/_\/english\/css\/style\.scss}line{font-family:\0000347}}
.font_serif {
  font-family: "EB Garamond", "Hiragino Mincho ProN", YuMincho, serif;
  font-weight: 500;
  font-style: normal;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\0000353}}
:focus {
  outline: 2px solid #0019ff;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\0000357}}
:focus:not(:focus-visible) {
  outline: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\0000361}}
a:focus img {
  background-color: transparent;
}

@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\0000365}}
  .sp_blk {
    display: block;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\0000371}}
sup {
  font-size: 1.2rem;
  vertical-align: text-top;
  line-height: 1;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\0000377}}
sub {
  font-size: 1.2rem;
  vertical-align: text-bottom;
  line-height: 1;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\0000383}}
img,
svg {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\0000390}}
input, select, textarea {
  color: #000;
  font-family: inherit;
  font-size: 100%;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\0000396}}
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

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

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003106}}
ul {
  margin: 0;
  padding: 0;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003110}}
::-webkit-input-placeholder {
  padding-top: 2px;
}

@media only screen and (min-width: 769px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003115}}
  .pc {
    display: inline;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003118}}
  .sp {
    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\/_\/english\/css\/style\.scss}line{font-family:\00003124}}
  .pc {
    display: none;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003127}}
  .sp {
    display: inline;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003132}}
.hide,
.scrText {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
}

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

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

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003152}}
img {
  vertical-align: middle;
  max-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\/_\/english\/css\/style\.scss}line{font-family:\00003152}}
  img {
    height: auto;
  }
}

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

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003165}}
hr {
  margin-bottom: 3em;
}

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

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003176}}
.more a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 320px;
  min-height: 60px;
  padding: 8px;
  background-color: transparent;
  border: 1px solid;
  border-image: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%) 1;
  box-sizing: border-box;
  font-size: 113%;
  font-weight: 600;
  letter-spacing: .03em;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  z-index: 0;
  transition: background .2s ease-out !important;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\0000396}}
.more a::before, .more a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003106}}
.more a::before {
  transition: all .4s;
  z-index: -1;
  background-color: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003111}}
.more a::after {
  transition: all .4s;
  z-index: -2;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003116}}
.more a span {
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 480px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003176}}
  .more a {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003126}}
.more a:focus::before, .more a:hover::before {
  opacity: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003129}}
.more a:focus span, .more a:hover span {
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  color: #fff;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003181}}
.more a.blue::before {
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003184}}
.more a.blue::after {
  background: unset;
  background-color: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003188}}
.more a.blue span {
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  color: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003196}}
.more a.blue:focus::before, .more a.blue:hover::before {
  opacity: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003199}}
.more a.blue:focus span, .more a.blue:hover span {
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003208}}
.external_btn a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 320px;
  padding: 18px 19px 18px 21px;
  background-color: transparent;
  border: 1px solid;
  border-image: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%) 1;
  box-sizing: border-box;
  font-size: 100%;
  font-weight: 400;
  letter-spacing: .03em;
  text-align: left;
  line-height: 1.36;
  text-decoration: none;
  overflow: hidden;
  z-index: 0;
  transition: background .2s ease-out !important;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003228}}
.external_btn a::before, .external_btn a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003238}}
.external_btn a::before {
  transition: all .4s;
  z-index: -1;
  background-color: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003243}}
.external_btn a::after {
  transition: all .4s;
  z-index: -2;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003248}}
.external_btn a .external {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003251}}
.external_btn a .btn_inside {
  width: 100%;
  display: block;
  position: relative;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003255}}
.external_btn a .btn_inside .text {
  display: block;
  width: 90%;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003262}}
.external_btn a .btn_inside:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 8px;
  height: 14px;
  background-image: url(/english/img/ic_arrow_r_p.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 8px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 480px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003208}}
  .external_btn a {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003281}}
.external_btn a:focus::before, .external_btn a:hover::before {
  opacity: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003285}}
.external_btn a:focus .btn_inside .text, .external_btn a:hover .btn_inside .text {
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  color: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003291}}
.external_btn a:focus .btn_inside:after, .external_btn a:hover .btn_inside:after {
  background-image: url(/english/img/ic_arrow_r_w.svg);
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003300}}
main#content {
  padding-top: 120px;
  margin-top: -120px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003305}}
.inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box;
}

@media screen and (max-width: 1488px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003313}}
  .inner {
    padding: 0 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003319}}
  .inner {
    padding: 0 15px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003324}}
.col_one_wide {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003324}}
  .col_one_wide {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003324}}
  .col_one_wide {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003328}}
.col_one {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 1088px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003328}}
  .col_one {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003328}}
  .col_one {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003328}}
  .col_one {
    margin-bottom: 40px;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003336}}
.col_two {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}
@media screen and (max-width: 1288px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003336}}
  .col_two {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003336}}
  .col_two {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003336}}
  .col_two {
    flex-direction: column;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003344}}
.col_two #main {
  width: calc(100% - 300px - 100px);
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003344}}
  .col_two #main {
    width: 100%;
    margin-bottom: 80px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003351}}
.col_two #side {
  width: 300px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003351}}
  .col_two #side {
    width: 100%;
  }
}

/* Block Skip
-------------------------------------------------- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003362}}
.skip a {
  display: block;
  height: 0;
  overflow: hidden;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003368}}
.skip a:focus {
  height: auto;
}

/* Header
-------------------------------------------------- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003375}}
#commonHeader {
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 99;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003382}}
#commonHeader .inner {
  max-width: 100%;
  min-height: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003389}}
#commonHeader .inner nav {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003393}}
#commonHeader .inner nav ul.upper_nav {
  display: flex;
  justify-content: flex-end;
  gap: 36px;
  list-style: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003398}}
#commonHeader .inner nav ul.upper_nav a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: opacity .3s ease-in;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003407}}
#commonHeader .inner nav ul.upper_nav a img.sub_icon {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003410}}
#commonHeader .inner nav ul.upper_nav a:hover {
  opacity: .7;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003418}}
#commonHeader .logo {
  width: 100%;
  margin: 0 auto;
  padding: 16px 0 10px;
  background-color: #fff;
  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\/_\/english\/css\/style\.scss}line{font-family:\00003418}}
  #commonHeader .logo {
    padding: 0;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003427}}
#commonHeader .logo a {
  display: inline-block;
}

@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003433}}
  #commonHeader .inner nav {
    display: none;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003437}}
  #commonHeader .logo {
    margin: 4px auto;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003439}}
  #commonHeader .logo img {
    width: 265px;
    height: 40px;
  }
}
/* Key Visual
-------------------------------------------------- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003449}}
#keyvisual {
  margin-top: 184px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003449}}
  #keyvisual {
    margin-top: 90px;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003456}}
#keyvisual .swiper_pagination_wrap {
  position: relative;
  background-color: #F0F4FF;
  padding: 40px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 5px;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003456}}
  #keyvisual .swiper_pagination_wrap {
    padding: 20px 0;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003471}}
#keyvisual .swiper-pagination {
  position: relative;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003473}}
#keyvisual .swiper-pagination .swiper-pagination-bullet {
  width: 40px;
  height: 6px;
  border: 0;
  border-radius: 0;
  background-color: #cfcfcf;
  opacity: 1;
  margin: 0 5px;
  transition: opacity .3s ease-in;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003473}}
  #keyvisual .swiper-pagination .swiper-pagination-bullet {
    width: 32px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003485}}
#keyvisual .swiper-pagination .swiper-pagination-bullet:hover {
  opacity: .7;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003489}}
#keyvisual .swiper-pagination .swiper-pagination-bullet-active {
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003494}}
#keyvisual .swiper-pagination-horizontal {
  bottom: initial;
  top: initial;
  left: initial;
  width: auto;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003501}}
#keyvisual .ss-swiper-slide-controller {
  position: relative;
  right: unset;
  bottom: unset;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003505}}
#keyvisual .ss-swiper-slide-controller .ss-swiper-slide-play,
#keyvisual .ss-swiper-slide-controller .ss-swiper-slide-stop {
  position: relative;
  width: 40px;
  height: 40px;
  border: none;
  font-size: 0px;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  transition: opacity .3s ease-in;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003505}}
  #keyvisual .ss-swiper-slide-controller .ss-swiper-slide-play,
  #keyvisual .ss-swiper-slide-controller .ss-swiper-slide-stop {
    width: 32px;
    height: 32px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003518}}
#keyvisual .ss-swiper-slide-controller .ss-swiper-slide-play:hover,
#keyvisual .ss-swiper-slide-controller .ss-swiper-slide-stop:hover {
  opacity: .7;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003523}}
#keyvisual .ss-swiper-slide-controller .ss-swiper-slide-stop[aria-pressed="true"],
#keyvisual .ss-swiper-slide-controller .ss-swiper-slide-play[aria-pressed="true"] {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003527}}
#keyvisual .ss-swiper-slide-controller .ss-swiper-slide-play[aria-pressed="false"],
#keyvisual .ss-swiper-slide-controller .ss-swiper-slide-stop[aria-pressed="false"] {
  display: block;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003532}}
#keyvisual .ss-swiper-slide-controller .ss-swiper-slide-stop::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 4px;
  height: 13px;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003544}}
#keyvisual .ss-swiper-slide-controller .ss-swiper-slide-play::before {
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #fff;
  border-right: 0;
}

/* Menu button
-------------------------------------------------- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003561}}
#menuBtn {
  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\/_\/english\/css\/style\.scss}line{font-family:\00003566}}
  #menuBtn {
    display: block;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003571}}
#commonHeader #menuBtn button {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
  cursor: pointer;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003587}}
#menuBtn .hamburger {
  display: block;
  width: 24px;
  height: 18px;
  vertical-align: top;
  position: relative;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003595}}
#menuBtn .hamburger::after,
#menuBtn .hamburger span::before,
#menuBtn .hamburger span::after {
  content: '';
  position: absolute;
  width: 24px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 2px solid #fff;
  cursor: pointer;
  transition: top .1s .1s, transform .2s;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003608}}
#menuBtn .hamburger::after {
  top: 50%;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003612}}
#menuBtn .hamburger span::before {
  top: 0;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003616}}
#menuBtn .hamburger span::after {
  top: 100%;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003620}}
body.menuOpen #menuBtn {
  position: relative;
  z-index: 100;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003625}}
body.menuOpen #menuBtn .hamburger::after {
  width: 0;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003629}}
body.menuOpen #menuBtn .hamburger span::before,
body.menuOpen #menuBtn .hamburger span::after {
  top: calc(50% - 1px);
  transition: top .1s, transform .2s .2s;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003635}}
body.menuOpen #menuBtn .hamburger span::before {
  transform: translateX(-50%) rotate(45deg);
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003639}}
body.menuOpen #menuBtn .hamburger span::after {
  transform: translateX(-50%) rotate(-45deg);
}

/* Global Navi
-------------------------------------------------- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003646}}
.focusTrap {
  visibility: hidden;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003650}}
#globalNav {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 12px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003654}}
#globalNav a {
  display: block;
  color: #2d2d2d;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003661}}
#globalNav a span {
  padding: 0 2px;
  border-bottom: 2px solid white;
  transition: border .2s;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003661}}
  #globalNav a span {
    border-color: #F0F4FF;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003673}}
#globalNav ul.main_nav {
  display: flex;
  justify-content: space-between;
  list-style: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003677}}
#globalNav ul.main_nav > li {
  position: relative;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003679}}
#globalNav ul.main_nav > li > a {
  padding: 6px 0;
  color: #2d2d2d;
  text-align: center;
  transition: all .2s;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003687}}
#globalNav ul.upper_nav {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003692}}
#globalNav ul li a:hover,
#globalNav ul li a:focus,
#globalNav ul li:hover > a {
  background: linear-gradient(90deg, #2F71C2 20%, #4642A3 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003700}}
#globalNav ul li a:hover span,
#globalNav ul li a:focus span,
#globalNav ul li:hover > a span {
  border-image: linear-gradient(90deg, #2F71C2 20%, #4642A3 80%) 1;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003706}}
#globalNav ul.child {
  position: absolute;
  top: 100%;
  left: 50%;
  height: 0;
  overflow: hidden;
  background-color: #fff;
  width: max-content;
  transform: translateX(-50%);
  text-align: center;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003718}}
#globalNav li.parent:hover ul.child,
#globalNav li.parent.hover ul.child {
  height: auto;
  overflow: visible;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003724}}
#globalNav ul.child li:last-child {
  padding-bottom: 32px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003728}}
#globalNav ul.child li a {
  padding: 0 32px;
  transition: padding .3s ease;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003733}}
#globalNav li.parent:hover ul.child li a,
#globalNav li.parent.hover ul.child li a {
  padding: 16px 32px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003738}}
#globalNav ul.child li a span {
  border-bottom: 0;
}

@media screen and (max-width: 1180px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003743}}
  #globalNav ul.main_nav li:first-child ul.child {
    transform: translateX(-30%);
  }
}
@media screen and (max-width: 988px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003749}}
  #globalNav ul.main_nav li:first-child ul.child {
    transform: translateX(-20%);
  }
}
@media screen and (max-width: 880px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003755}}
  #globalNav ul.main_nav li:first-child ul.child {
    transform: translateX(-10%);
  }
}
@media screen and (max-width: 830px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003761}}
  #globalNav ul.main_nav {
    padding: 0 16px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003765}}
  #globalNav ul.main_nav li:first-child ul.child {
    left: 0;
    transform: unset;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003772}}
  #globalNav {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: 0;
    overflow: hidden;
    z-index: 95;
    background-color: #F0F4FF;
    transition: all .3s ease;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003785}}
  body.menuOpen #globalNav {
    height: 100vh;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003790}}
  #globalNav ul.main_nav {
    flex-direction: column;
    padding: 24px 0;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003793}}
  #globalNav ul.main_nav li {
    text-align: center;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003795}}
  #globalNav ul.main_nav li a {
    display: block;
    padding: 10px 24px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003801}}
  #globalNav ul.upper_nav {
    display: block;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003806}}
  #globalNav ul.main_nav > li > a {
    border-bottom: 2px solid #F0F4FF;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003810}}
  #globalNav ul.child {
    display: none;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003814}}
  #globalNav ul.upper_nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 260px;
    margin: 0 auto;
    gap: 20px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003823}}
  #globalNav ul.upper_nav li a {
    display: flex;
    gap: 6px;
    align-items: center;
    color: #4642A3;
    font-family: "Montserrat", "Hiragino Sans", Meiryo, "Hiragino Kaku Gothic ProN", "Helvetica Neue", Arial, sans-serif;
    font-size: 100%;
    transition: opacity .2s;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003831}}
  #globalNav ul.upper_nav li a img.main_icon {
    display: none;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003834}}
  #globalNav ul.upper_nav li a img.sub_icon {
    display: block;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003837}}
  #globalNav ul.upper_nav li a:hover {
    opacity: .7;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003847}}
  body.menuOpen {
    overflow: hidden;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003851}}
  #globalNav {
    visibility: hidden;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003855}}
  body.menuOpen #globalNav,
  body.menuOpen .focusTrap {
    visibility: visible;
  }
}
/* #Top Page Contents
-------------------------------------------------- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003863}}
#body--index section {
  padding: 60px 0;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003863}}
  #body--index section {
    padding: 40px 0;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003870}}
#people h2,
#news h2,
#insta h2 {
  font-size: 163%;
  font-family: "Montserrat", "Hiragino Sans", Meiryo, "Hiragino Kaku Gothic ProN", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  letter-spacing: .03em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003870}}
  #people h2,
  #news h2,
  #insta h2 {
    font-size: 138%;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003882}}
#contact h2,
#living h2,
#intro h2 {
  font-size: 250%;
  font-family: "EB Garamond", "Hiragino Mincho ProN", YuMincho, serif;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003882}}
  #contact h2,
  #living h2,
  #intro h2 {
    font-size: 150%;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003893}}
#people h2,
#news h2,
#insta h2,
#living h2,
#intro h2 {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 14px;
  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\/_\/english\/css\/style\.scss}line{font-family:\00003893}}
  #people h2,
  #news h2,
  #insta h2,
  #living h2,
  #intro h2 {
    margin-bottom: 32px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003905}}
#people h2:after,
#news h2:after,
#insta h2:after,
#living h2:after,
#intro h2:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 120px;
  height: 2px;
  background-color: #89D3E8;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003905}}
  #people h2:after,
  #news h2:after,
  #insta h2:after,
  #living h2:after,
  #intro h2:after {
    width: 80px;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003921}}
#intro {
  width: 100%;
  margin: 0 auto;
  background: url(/english/img/bg_wave.png) no-repeat 50% 16px;
  background-size: 260px;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003927}}
#intro .youtube_wrap {
  position: relative;
  max-width: 780px;
  margin: 0 auto;
  width: 100%;
  aspect-ratio: 16 / 9;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003933}}
#intro .youtube_wrap iframe {
  width: 100%;
  height: 100%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003938}}
#intro .more {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003938}}
  #intro .more {
    margin-top: 24px;
    flex-direction: column;
    gap: 24px;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003952}}
#news {
  background: #F0F4FF url(../img/bg_seigaiha_pc.png) repeat-y 50% 44%;
  background-size: cover;
}
@media only screen and (min-width: 1441px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003952}}
  #news {
    background: #F0F4FF url(../img/bg_seigaiha_wide.png) repeat-x 50% 42%;
    background-size: 75%;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003952}}
  #news {
    background: #F0F4FF url(../img/bg_seigaiha_sp.png) repeat 50% -6%;
    background-size: contain;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003963}}
#news .content_inner {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003963}}
  #news .content_inner {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003963}}
  #news .content_inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003965}}
#news .content_inner h2 {
  text-align: left;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003967}}
#news .content_inner h2:after {
  right: unset;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003971}}
#news .content_inner .more {
  display: flex;
  justify-content: flex-end;
  width: 320px;
  margin-top: 40px;
  margin-left: auto;
  background-color: #fff;
  text-align: right;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003971}}
  #news .content_inner .more {
    margin: 24px auto 0;
  }
}
@media only screen and (max-width: 480px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003971}}
  #news .content_inner .more {
    width: 100%;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003989}}
#people {
  background-color: #E9F6FA;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003991}}
#people .content_inner {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003991}}
  #people .content_inner {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003991}}
  #people .content_inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003994}}
#people header {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  display: flex;
}
@media screen and (max-width: 1088px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003994}}
  #people header {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003994}}
  #people header {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\00003994}}
  #people header {
    flex-direction: column;
    margin-bottom: 16px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031001}}
#people header h2 {
  width: 18em;
  color: #4642A3;
  text-align: left;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031001}}
  #people header h2 {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031008}}
#people header h2:after {
  right: unset;
  background: linear-gradient(90deg, #2F71C2 40%, #4642A3 60%);
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031001}}
  #people header h2 {
    margin-bottom: 24px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031016}}
#people header span {
  font-size: 100%;
  color: #000;
  letter-spacing: .03em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031022}}
#people .splide {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 100px;
}
@media screen and (max-width: 1100px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031022}}
  #people .splide {
    padding: 0 70px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031022}}
  #people .splide {
    max-width: 100%;
    padding: 0;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031034}}
#people .splide .splide__arrows {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
@media screen and (max-width: 1288px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031034}}
  #people .splide .splide__arrows {
    left: 24px;
    right: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031034}}
  #people .splide .splide__arrows {
    display: none;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003168}}
#people .splide .splide__arrows .splide__arrow {
  display: flex;
  justify-content: center;
  width: 60px;
  height: 60px;
  border: 1px solid;
  border-image: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%) 1;
  background-color: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003176}}
#people .splide .splide__arrows .splide__arrow img.arrow_gradu {
  display: block;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003179}}
#people .splide .splide__arrows .splide__arrow img.arrow_white {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003182}}
#people .splide .splide__arrows .splide__arrow:hover {
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003184}}
#people .splide .splide__arrows .splide__arrow:hover img.arrow_gradu {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003187}}
#people .splide .splide__arrows .splide__arrow:hover img.arrow_white {
  display: block;
}
@media screen and (max-width: 1288px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003168}}
  #people .splide .splide__arrows .splide__arrow {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 1100px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003168}}
  #people .splide .splide__arrows .splide__arrow {
    width: 30px;
    height: 30px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003200}}
#people .splide .splide__arrows .splide__arrow--prev {
  transform: rotate(180deg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003203}}
#people .splide .splide__arrows .splide__arrow--next {
  position: absolute;
  right: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031036}}
#people .splide .splide__arrows .splide__arrow {
  position: absolute;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031040}}
#people .splide .splide__pagination {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031045}}
#people .splide__list article {
  display: flex;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031047}}
#people .splide__list article a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: opacity .3s ease;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031052}}
#people .splide__list article a:hover {
  opacity: .7;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031054}}
#people .splide__list article a:hover .img img {
  transform: scale(1.2);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031059}}
#people .splide__list article .img {
  display: block;
  overflow: hidden;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031062}}
#people .splide__list article .img img {
  width: 320px;
  height: 320px;
  object-fit: cover;
  transition: transform .3s ease;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031062}}
  #people .splide__list article .img img {
    width: 240px;
    height: 240px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031073}}
#people .splide__list article .main_blk {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  border: 1px solid;
  border-image: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%) 1;
  border-top: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031081}}
#people .splide__list article .main_blk .text_blk {
  display: flex;
  flex-direction: column;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031084}}
#people .splide__list article .main_blk .text_blk .categories {
  display: block;
  padding: 18px 20px 16px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031087}}
#people .splide__list article .main_blk .text_blk .categories .category {
  display: inline-block;
  padding: 2px .58em;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  font-weight: 600;
  font-size: 75%;
  letter-spacing: .03em;
  color: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031097}}
#people .splide__list article .main_blk .text_blk .title {
  display: block;
  padding: 0 20px 24px;
  color: #2d2d2d;
  letter-spacing: .03em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031104}}
#people .splide__list article .main_blk .learn_more {
  display: flex;
  align-items: flex-end;
  max-width: 9.5em;
  margin-left: auto;
  margin-right: 20px;
  margin-bottom: 20px;
  padding-bottom: 8px;
  color: #2d2d2d;
  letter-spacing: .03em;
  position: relative;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031104}}
  #people .splide__list article .main_blk .learn_more {
    min-width: 9em;
    margin-left: auto;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031119}}
#people .splide__list article .main_blk .learn_more img {
  margin-left: 8px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031122}}
#people .splide__list article .main_blk .learn_more:after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #4642A3;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031135}}
#people .more {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

@media screen and (max-width: 1288px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031142}}
  #body--index section#living {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031142}}
  #body--index section#living {
    padding-left: 0;
    padding-right: 0;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031153}}
#living {
  padding: 60px 0 80px !important;
  background: #F0F4FF url(../img/bg_seigaiha_pc.png) repeat-y 50% 0;
  background-size: cover;
}
@media only screen and (min-width: 1441px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031153}}
  #living {
    background: #F0F4FF url(../img/bg_seigaiha_wide.png) repeat-x 50% 42%;
    background-size: 75%;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031153}}
  #living {
    padding-left: 0;
    padding-right: 0;
    background: #F0F4FF url(../img/bg_seigaiha_sp.png) repeat 50% 0;
    background-size: contain;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031167}}
#living .content_inner {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 60px 100px;
  border-radius: 8px;
  background-color: #fff;
}
@media screen and (max-width: 1288px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031167}}
  #living .content_inner {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031167}}
  #living .content_inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031167}}
  #living .content_inner {
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 0;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031177}}
#living .content_inner .flex_box {
  display: flex;
  align-items: center;
  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\/_\/english\/css\/style\.scss}line{font-family:\000031177}}
  #living .content_inner .flex_box {
    flex-direction: column;
    gap: 32px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031186}}
#living .content_inner h3 {
  margin-bottom: 30px;
  padding-bottom: 10px;
  position: relative;
  color: #2d2d2d;
  font-weight: 600;
  font-size: 163%;
  letter-spacing: .03em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031186}}
  #living .content_inner h3 {
    font-size: 138%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031197}}
#living .content_inner h3:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 80px;
  height: 1px;
  background-color: #89D3E8;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031207}}
#living .content_inner h4 {
  margin-bottom: 20px;
  margin-top: 48px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031210}}
#living .content_inner h4:first-of-type {
  margin-top: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031213}}
#living .content_inner h4 .bg_set {
  padding: 4px 16px 7px 24px;
  background-color: #E0E6F9;
  position: relative;
  color: #4642A3;
  font-family: "EB Garamond", "Hiragino Mincho ProN", YuMincho, serif;
  font-weight: 600;
  font-size: 125%;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031213}}
  #living .content_inner h4 .bg_set {
    display: inline-block;
    font-size: 113%;
    line-height: 1.4;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031227}}
#living .content_inner h4 .bg_set:after {
  position: absolute;
  content: '';
  top: 42%;
  left: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031239}}
#living .content_inner .text {
  flex-basis: 44%;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031239}}
  #living .content_inner .text {
    flex-basis: 100%;
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031246}}
#living .content_inner .nature {
  flex-direction: row-reverse;
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031246}}
  #living .content_inner .nature {
    flex-direction: column;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031252}}
#living .content_inner .nature .view {
  width: 100%;
  max-width: 530px;
  flex-basis: calc(100% - 44% - 50px);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031252}}
  #living .content_inner .nature .view {
    flex-basis: 100%;
    width: 100%;
    max-width: 530px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031264}}
#living .content_inner .nature .view figure {
  flex-basis: 48%;
  position: relative;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031267}}
#living .content_inner .nature .view figure figcaption {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2px 8px;
  background-color: #fff;
  color: #4642A3;
  font-weight: 600;
  font-size: 88%;
  letter-spacing: .03em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031267}}
  #living .content_inner .nature .view figure figcaption {
    font-size: 50%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031284}}
#living .content_inner .text ul {
  list-style: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031287}}
#living .content_inner .text p {
  margin-bottom: 16px;
  line-height: 1.3;
  letter-spacing: .04em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031292}}
#living .content_inner .text ul li {
  margin-bottom: 10px;
  letter-spacing: .03em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031296}}
#living .content_inner .more {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031305}}
#insta #instagram {
  display: flex;
  justify-content: center;
  gap: 12px;
  list-style: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031311}}
#insta #instagram li a {
  display: block;
  width: 100%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031314}}
#insta #instagram li a:hover {
  opacity: .7;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031316}}
#insta #instagram li a:hover .img img {
  transform: scale(1.2);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031320}}
#insta #instagram li a .img {
  display: block;
  overflow: hidden;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031323}}
#insta #instagram li a .img img {
  width: 230px;
  height: 307px;
  object-fit: cover;
  transition: transform .3s ease;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031343}}
#insta .more {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031347}}
#insta .more .external {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031353}}
#contact {
  padding: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031355}}
#contact .main_contact {
  padding: 64px 0;
  background: url(/english/img/img_students.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031355}}
  #contact .main_contact {
    padding: 32px 0 36px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031362}}
#contact .main_contact h2 {
  margin-bottom: 40px;
  color: #fff;
  font-size: 163%;
  font-weight: 600;
  text-align: center;
  letter-spacing: .03em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031362}}
  #contact .main_contact h2 {
    font-size: 138%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031372}}
#contact .main_contact h2 span {
  display: block;
  font-size: 150%;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031372}}
  #contact .main_contact h2 span {
    font-size: 144%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031380}}
#contact .main_contact .more {
  display: flex;
  justify-content: center;
  gap: 32px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031380}}
  #contact .main_contact .more {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
}
@media only screen and (max-width: 480px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031380}}
  #contact .main_contact .more {
    margin: 0 15px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031394}}
#contact .content_inner {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  margin-top: 40px;
}
@media screen and (max-width: 1288px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031394}}
  #contact .content_inner {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031394}}
  #contact .content_inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031397}}
#contact .content_inner ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  list-style: none;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031397}}
  #contact .content_inner ul {
    flex-direction: column;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031406}}
#contact .content_inner ul li {
  width: 48.4%;
  min-height: 160px;
  background-color: #E9F6FA;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031410}}
#contact .content_inner ul li:nth-child(2), #contact .content_inner ul li:nth-child(3) {
  background-color: #F0F4FF;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031406}}
  #contact .content_inner ul li {
    width: 100%;
    min-height: 148px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031417}}
  #contact .content_inner ul li:nth-child(3) {
    background-color: #E9F6FA;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031420}}
  #contact .content_inner ul li:nth-child(4) {
    background-color: #F0F4FF;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031424}}
#contact .content_inner ul li a {
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 40px 30px 22px;
  color: #4642A3;
  letter-spacing: .03em;
  text-decoration: none;
  transition: opacity .3s ease-in;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031434}}
#contact .content_inner ul li a .external {
  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\/_\/english\/css\/style\.scss}line{font-family:\000031424}}
  #contact .content_inner ul li a {
    min-height: 148px;
    padding: 20px 15px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031441}}
#contact .content_inner ul li a .contact_title {
  font-weight: 600;
  font-size: 125%;
}
@media screen and (max-width: 858px) and (min-width: 769px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031441}}
  #contact .content_inner ul li a .contact_title {
    font-size: 107%;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031441}}
  #contact .content_inner ul li a .contact_title {
    width: 100%;
    font-size: 113%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031452}}
#contact .content_inner ul li a .learn_more {
  display: flex;
  align-items: flex-end;
  max-width: 9.5em;
  margin-left: auto;
  padding-bottom: 8px;
  font-weight: 400;
  font-size: 100%;
  position: relative;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031452}}
  #contact .content_inner ul li a .learn_more {
    min-width: 9em;
    margin-left: auto;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031465}}
#contact .content_inner ul li a .learn_more img {
  margin-left: 8px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031468}}
#contact .content_inner ul li a .learn_more:after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #4642A3;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031478}}
#contact .content_inner ul li a:hover {
  opacity: .7;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031487}}
body:not(#body--index) #contact .content_inner {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031491}}
#body--index #contact {
  padding: 0 0 40px !important;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031498}}
.news_list {
  display: flex;
  flex-wrap: wrap;
  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\/_\/english\/css\/style\.scss}line{font-family:\000031498}}
  .news_list {
    flex-direction: column;
    gap: 20px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031506}}
.news_list article {
  width: 24%;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031506}}
  .news_list article {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031512}}
.news_list article a {
  text-decoration: none;
  transition: opacity .3s ease;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031515}}
.news_list article a .img {
  border-bottom: 1px solid #F0F4FF;
  overflow: hidden;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031518}}
.news_list article a .img img {
  width: 300px;
  height: 208px;
  object-fit: cover;
  transition: transform .3s ease;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031518}}
  .news_list article a .img img {
    width: 100%;
    height: 240px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031529}}
.news_list article a time {
  display: block;
  margin: 14px 15px 6px;
  padding-bottom: 8px;
  position: relative;
  color: #4642A3;
  font-size: 88%;
  font-weight: 600;
  letter-spacing: .03em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031538}}
.news_list article a time:before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 16px;
  height: 1px;
  background-color: #4642A3;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031548}}
.news_list article a .title {
  display: block;
  padding: 4px 15px 15px;
  color: #000;
  letter-spacing: .03em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031548}}
  .news_list article a .title {
    font-size: 88%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031557}}
.news_list article a:hover {
  opacity: .7;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031559}}
.news_list article a:hover img {
  transform: scale(1.2);
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031568}}
#body--news-index #content > .content-page {
  padding-top: 60px;
  background: #F0F4FF url(../img/bg_seigaiha_pc.png) repeat 50% 0;
  background-size: contain;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031573}}
#body--news-index #news {
  background: transparent;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031576}}
#body--news-index .news_list article {
  margin-bottom: 40px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031587}}
.content-page {
  overflow: hidden;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031591}}
.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\/_\/english\/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\/_\/english\/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\/_\/english\/css\/style\.scss}line{font-family:\000031598}}
.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: #4642A3;
  color: #fff;
  font-size: 138%;
  font-weight: bold;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031607}}
.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: 10px 0;
  border-bottom: solid 3px #4642A3;
  color: #000;
  font-size: 138%;
  font-weight: bold;
  margin-bottom: 1em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031611}}
.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;
  border-left: solid 8px #4642A3;
  padding: 10px 0 10px 15px;
  margin-bottom: 1em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031615}}
.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%;
  border-bottom: solid 1px #cfcfcf;
  margin-bottom: 1em;
  padding: 4px 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031623}}
.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: 1.5em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031627}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031631}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031636}}
.content-page .body ul ol,
.content-page .map-page ul ol,
.content-page .related-pages ul ol,
.content-page .faq-question ul ol,
.cke_editable ul ol {
  margin-left: 1.5em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031640}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031647}}
.content-page .body ol,
.content-page .map-page ol,
.content-page .related-pages ol,
.content-page .faq-question ol,
.cke_editable ol {
  list-style-position: inside;
  margin-bottom: 3em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031651}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031657}}
.content-page .body ol ol,
.content-page .map-page ol ol,
.content-page .related-pages ol ol,
.content-page .faq-question ol ol,
.cke_editable ol ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031663}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031667}}
.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;
  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\/_\/english\/css\/style\.scss}line{font-family:\000031667}}
  .content-page .body table,
  .content-page .map-page table,
  .content-page .related-pages table,
  .content-page .faq-question table,
  .cke_editable table {
    display: block;
    overflow-x: scroll;
    white-space: normal;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003242}}
.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\/_\/english\/css\/_part\.scss}line{font-family:\00003245}}
.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: 10px 20px;
  border: 1px solid #cfcfcf;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003245}}
  .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: 10px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003255}}
.content-page .body table th,
.content-page .map-page table th,
.content-page .related-pages table th,
.content-page .faq-question table th,
.cke_editable table th {
  font-weight: bold;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003259}}
.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: #4642A3;
  color: white;
  vertical-align: middle;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003264}}
.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: #F0F4FF;
  color: #4642A3;
  vertical-align: middle;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031672}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031677}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031681}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031685}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031690}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031695}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031695}}
  .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\/_\/english\/css\/style\.scss}line{font-family:\000031703}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031703}}
  .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\/_\/english\/css\/style\.scss}line{font-family:\000031712}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031716}}
.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(/english/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\/_\/english\/css\/style\.scss}line{font-family:\000031726}}
.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(/english/img/icon_ppt.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031730}}
.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(/english/img/icon_excel.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031734}}
.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(/english/img/icon_excel.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031738}}
.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(/english/img/icon_csv.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031742}}
.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(/english/img/icon_jpg.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031746}}
.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(/english/img/file-tiff.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031750}}
.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(/english/img/icon_png.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031754}}
.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(/english/img/file-gif.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031758}}
.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(/english/img/file-bmp.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031762}}
.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(/english/img/file-wav.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031766}}
.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(/english/img/file-mp3.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031770}}
.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(/english/img/file-mov.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031774}}
.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(/english/img/file-mp4.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031778}}
.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(/english/img/file-mpeg.png) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031782}}
.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(/english/img/icon.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031786}}
.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(/english/img/icon_word.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031790}}
.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(/english/img/icon_ppt.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031794}}
.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(/english/img/icon.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031798}}
.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(/english/img/icon_pdf.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031802}}
.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(/english/img/icon_word.svg) no-repeat right center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031806}}
.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: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031815}}
.content-page .body .float-left::after,
.content-page .body .ss-alignment-left::after,
.content-page .body .imgLeft::after,
.content-page .map-page .float-left::after,
.content-page .map-page .ss-alignment-left::after,
.content-page .map-page .imgLeft::after,
.content-page .related-pages .float-left::after,
.content-page .related-pages .ss-alignment-left::after,
.content-page .related-pages .imgLeft::after,
.content-page .faq-question .float-left::after,
.content-page .faq-question .ss-alignment-left::after,
.content-page .faq-question .imgLeft::after,
.cke_editable .float-left::after,
.cke_editable .ss-alignment-left::after,
.cke_editable .imgLeft::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 1em;
  height: 100%;
  background: #fff;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031806}}
  .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\/_\/english\/css\/style\.scss}line{font-family:\000031830}}
  .content-page .body .float-left::after,
  .content-page .body .ss-alignment-left::after,
  .content-page .body .imgLeft::after,
  .content-page .map-page .float-left::after,
  .content-page .map-page .ss-alignment-left::after,
  .content-page .map-page .imgLeft::after,
  .content-page .related-pages .float-left::after,
  .content-page .related-pages .ss-alignment-left::after,
  .content-page .related-pages .imgLeft::after,
  .content-page .faq-question .float-left::after,
  .content-page .faq-question .ss-alignment-left::after,
  .content-page .faq-question .imgLeft::after,
  .cke_editable .float-left::after,
  .cke_editable .ss-alignment-left::after,
  .cke_editable .imgLeft::after {
    display: none;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031836}}
.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 -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031844}}
.content-page .body .float-right::before,
.content-page .body .ss-alignment-right::before,
.content-page .body .imgRight::before,
.content-page .map-page .float-right::before,
.content-page .map-page .ss-alignment-right::before,
.content-page .map-page .imgRight::before,
.content-page .related-pages .float-right::before,
.content-page .related-pages .ss-alignment-right::before,
.content-page .related-pages .imgRight::before,
.content-page .faq-question .float-right::before,
.content-page .faq-question .ss-alignment-right::before,
.content-page .faq-question .imgRight::before,
.cke_editable .float-right::before,
.cke_editable .ss-alignment-right::before,
.cke_editable .imgRight::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 1em;
  height: 100%;
  background: #fff;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031836}}
  .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\/_\/english\/css\/style\.scss}line{font-family:\000031861}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031866}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031871}}
.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 {
  display: -webkit-flex;
  display: flex;
  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\/_\/english\/css\/style\.scss}line{font-family:\000031871}}
  .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\/_\/english\/css\/style\.scss}line{font-family:\000031881}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031886}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031890}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031894}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031901}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031910}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031918}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031924}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031924}}
  .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\/_\/english\/css\/style\.scss}line{font-family:\000031934}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031938}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031943}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031947}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031953}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031958}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031963}}
.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);
  width: calc(33.3333% - 40px);
  margin: 0 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031968}}
.content-page .body .anchor li:before,
.content-page .map-page .anchor li:before,
.content-page .related-pages .anchor li:before,
.content-page .faq-question .anchor li:before,
.cke_editable .anchor li:before {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031974}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031979}}
.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);
  width: calc(50% - 40px);
  margin: 0 20px;
  list-style: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031985}}
.content-page .body .links li:before,
.content-page .map-page .links li:before,
.content-page .related-pages .links li:before,
.content-page .faq-question .links li:before,
.cke_editable .links li:before {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000031991}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000031996}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000032001}}
.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\/_\/english\/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\/_\/english\/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\/_\/english\/css\/style\.scss}line{font-family:\000032005}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000032010}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000032016}}
.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: 769px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032024}}
  .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\/_\/english\/css\/style\.scss}line{font-family:\000032033}}
  .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: #fff;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032043}}
  .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: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032057}}
  .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\/_\/english\/css\/style\.scss}line{font-family:\000032066}}
.local-nav,
.category-nav,
.page-nav {
  position: relative;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032071}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000032081}}
.body--admission .local-nav h2[class^="page--english-admission"],
.body--admission .local-nav h3[class^="page--english-admission"],
.body--admission .local-nav ul li[class^="page--english-admission"] {
  display: block !important;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032092}}
.body--academics .local-nav h2[class^="page--english-academics"],
.body--academics .local-nav h3[class^="page--english-academics"] {
  display: block !important;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032096}}
.body--academics .local-nav ul li {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032099}}
.body--academics .local-nav h3.parent + ul li[class^="page--english-academics"] {
  display: block !important;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032104}}
.body--academics #side .local-nav ul li a {
  position: relative;
  background: #fff url(/english/img/arrow_right01.png) no-repeat 20px center;
  background-size: auto 14px;
  padding: 20px 15px 20px 40px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032111}}
#body--academics-other_univ_org-index #side .local-nav ul li a {
  background-color: #fff !important;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032120}}
.body--research .local-nav h2[class^="page--english-research"],
.body--research .local-nav h3[class^="page--english-research"],
.body--research .local-nav ul li[class^="page--english-research"] {
  display: block !important;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032125}}
.body--research #side .local-nav ul li a {
  position: relative;
  background: #fff url(/english/img/arrow_right01.png) no-repeat 20px center;
  background-size: auto 14px;
  padding: 20px 15px 20px 40px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032138}}
.body--about .local-nav h2[class^="page--english-about"],
.body--about .local-nav h3[class^="page--english-about"],
.body--about .local-nav ul li[class^="page--english-about"] {
  display: block !important;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032150}}
.body--campus .local-nav h2[class^="page--english-campus"],
.body--campus .local-nav h3[class^="page--english-campus"],
.body--campus .local-nav ul li[class^="page--english-campus"] {
  display: block !important;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032155}}
.body--campus h2 + h3[class^="page--english-campus"].page--english-campus-living_in_tokushima {
  display: none !important;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032158}}
.body--campus h3[class^="page--english-campus"].page--english-campus-living_in_tokushima + h3[class^="page--english-campus"].page--english-campus-living_in_tokushima {
  display: none !important;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032164}}
#page_title {
  width: 100%;
  margin-top: 180px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032164}}
  #page_title {
    margin-top: 90px;
    margin-bottom: 32px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032172}}
#page_title img {
  width: 100vw;
  height: 260px;
  object-fit: cover;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032172}}
  #page_title img {
    height: auto;
    min-height: 68px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032181}}
#page_title .breadcrumbs {
  margin: 20px 0 60px;
  font-size: 113%;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032181}}
  #page_title .breadcrumbs {
    margin: 5px 0 40px;
    font-size: 69%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032189}}
#page_title .breadcrumbs .crumbs {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032189}}
  #page_title .breadcrumbs .crumbs {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032189}}
  #page_title .breadcrumbs .crumbs {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032192}}
#page_title .breadcrumbs a {
  color: #000;
  text-decoration: none;
  transition: opacity .3s ease-in;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032196}}
#page_title .breadcrumbs a:hover {
  opacity: .7;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032200}}
#page_title .breadcrumbs .page {
  color: #4642A3;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032203}}
#page_title .breadcrumbs .separator {
  margin: .3em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032207}}
#page_title div.main_header,
#page_title h1 {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  display: block;
  padding-bottom: 10px;
  color: #000;
  font-size: 250%;
  font-family: "EB Garamond", "Hiragino Mincho ProN", YuMincho, serif;
  font-weight: 500;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1288px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032207}}
  #page_title div.main_header,
  #page_title h1 {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032207}}
  #page_title div.main_header,
  #page_title h1 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032207}}
  #page_title div.main_header,
  #page_title h1 {
    font-size: 150%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032221}}
#page_title div.main_header::after,
#page_title h1::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 120px;
  height: 2px;
  background-color: #4642A3;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032233}}
#page_title.people_detail h1 {
  max-width: 1040px;
  font-size: 200%;
  text-align: left;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032233}}
  #page_title.people_detail h1 {
    font-size: 138%;
    text-align: center;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032241}}
#page_title.people_detail h1:after {
  right: unset;
}
@media screen and (max-width: 1288px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032241}}
  #page_title.people_detail h1:after {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032241}}
  #page_title.people_detail h1:after {
    right: 0;
    margin-left: auto;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032259}}
#content .cms-nodes article,
#content .cms-pages article {
  margin-bottom: 10px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032261}}
#content .cms-nodes article time,
#content .cms-pages article time {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032265}}
#content .cms-nodes article h2 a,
#content .cms-pages article h2 a {
  display: block;
  background: url(/english/img/arrow_right01.png) no-repeat left center;
  background-size: auto 20px;
  border-bottom: 2px solid;
  border-image: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%) 1;
  padding: 16px 25px;
  color: #000;
  font-size: 150%;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .3s ease-in;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032277}}
#content .cms-nodes article h2 a:hover,
#content .cms-pages article h2 a:hover {
  opacity: .7;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032265}}
  #content .cms-nodes article h2 a,
  #content .cms-pages article h2 a {
    background-size: auto 14px;
    padding: 12px 20px;
    font-size: 113%;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032292}}
#body--index .cms-pages article time {
  display: block;
}

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

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032305}}
.cms-pages + .page-published,
.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\/_\/english\/css\/style\.scss}line{font-family:\000032314}}
.cke_editable .contact,
.content-page .contact {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032318}}
.cke_editable h1,
.content-page h1 {
  margin-bottom: 40px;
  padding: 4px 0 4px .5em;
  border-left: 6px solid #4642a3;
  font-size: 188%;
  font-weight: 500;
  text-align: left;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032318}}
  .cke_editable h1,
  .content-page h1 {
    font-size: 150%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032330}}
.cke_editable .released,
.content-page .released {
  margin-bottom: 40px;
  text-align: right;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032335}}
.cke_editable .body,
.content-page .body {
  line-height: 1.5;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032338}}
.cke_editable .body p,
.content-page .body p {
  margin-bottom: 2.3em;
  letter-spacing: .025em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032344}}
.cke_editable .body b,
.content-page .body b {
  font-weight: 500;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032348}}
.cke_editable .body h2,
.content-page .body h2 {
  border: none;
  border-top: 3px solid;
  border-image: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%) 1;
  font-size: 125%;
  margin-bottom: 1.4em;
  padding: 15px 0 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032357}}
.cke_editable .body h3,
.content-page .body h3 {
  background: #eeeeff;
  border: none;
  margin-bottom: 1.55em;
  padding: 10px;
  font-size: 113%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032365}}
.cke_editable .body li,
.content-page .body li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032370}}
.cke_editable .body ul,
.content-page .body ul {
  margin-bottom: 1em;
  margin-left: 1em;
  padding-left: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032375}}
.cke_editable .body ul li,
.content-page .body ul li {
  position: relative;
  list-style: none;
  padding-left: 18px;
  margin-bottom: .25em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032380}}
.cke_editable .body ul li::before,
.content-page .body ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 6px;
  background: black;
  width: 3px;
  height: 3px;
  border-radius: 6px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032394}}
.cke_editable .body ol,
.content-page .body ol {
  margin-bottom: 1em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032396}}
.cke_editable .body ol li,
.content-page .body ol li {
  text-indent: -1.3em;
  padding-left: 1.3em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032402}}
  .cke_editable .body img,
  .content-page .body img {
    height: auto !important;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032409}}
.cke_editable .custom_input.body p,
.content-page .custom_input.body p {
  margin-bottom: .75em;
  letter-spacing: .03em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032412}}
.cke_editable .custom_input.body p span br,
.content-page .custom_input.body p span br {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032416}}
.cke_editable .custom_input.body .youtube,
.content-page .custom_input.body .youtube {
  position: relative;
  max-width: 780px;
  margin: 0 auto;
  width: 100%;
  aspect-ratio: 16 / 9;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032422}}
.cke_editable .custom_input.body .youtube iframe,
.content-page .custom_input.body .youtube iframe {
  width: 100%;
  height: 100%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032428}}
.cke_editable .font_mincho,
.content-page .font_mincho {
  font-family: "EB Garamond", "Hiragino Mincho ProN", YuMincho, serif;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032436}}
#side .page-nav h2,
#side .local-nav h2 {
  padding: 15px;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  font-size: 113%;
  color: #fff;
  font-weight: 600;
  letter-spacing: .02em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032443}}
#side .page-nav h2 a,
#side .local-nav h2 a {
  display: block;
  color: #fff;
  pointer-events: none;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032451}}
#side .page-nav h3,
#side .page-nav h4,
#side .page-nav ul li,
#side .local-nav h3,
#side .local-nav h4,
#side .local-nav ul li {
  border-bottom: 1px solid #667581;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032456}}
#side .page-nav h3 a,
#side .page-nav h4 a,
#side .page-nav ul li a,
#side .local-nav h3 a,
#side .local-nav h4 a,
#side .local-nav ul li a {
  display: block;
  background: #fff url(/english/img/arrow_right01.png) no-repeat 10px center;
  background-size: auto 20px;
  padding: 20px 15px 20px 30px;
  color: #3e3e3e;
  font-size: 113%;
  font-weight: bold;
  transition: 0.3s;
  line-height: 1.3;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032467}}
#side .page-nav h3 a:hover,
#side .page-nav h4 a:hover,
#side .page-nav ul li a:hover,
#side .local-nav h3 a:hover,
#side .local-nav h4 a:hover,
#side .local-nav ul li a:hover {
  background-color: #F0F4FF;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032472}}
#side .page-nav h3.active a,
#side .page-nav h4.active a,
#side .page-nav ul li.active a,
#side .local-nav h3.active a,
#side .local-nav h4.active a,
#side .local-nav ul li.active a {
  background-color: #F0F4FF;
}

/* Featured People
-------------------------------------------------- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032538}}
.body--people {
  /*list*/
  /*detail*/
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032540}}
.body--people .lead {
  margin-bottom: 24px;
  text-align: center;
  line-height: 1.7;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032545}}
.body--people .category_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 40px;
  list-style: none;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032545}}
  .body--people .category_list {
    gap: 12px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032555}}
.body--people .category_list a {
  display: block;
  padding: 7px 12px;
  border: 1px solid #4642A3;
  background-color: white;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-size: 113%;
  letter-spacing: .03em;
  text-align: center;
  text-decoration: none;
  transition: all .2s ease-in;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032555}}
  .body--people .category_list a {
    padding: 5px 8px;
    font-size: 88%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032574}}
.body--people .category_list li.current a,
.body--people .category_list li a:hover {
  border: 1px solid #fff;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  color: #fff;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032583}}
.body--people .people_list {
  display: flex;
  flex-wrap: wrap;
  gap: 19px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032583}}
  .body--people .people_list {
    flex-direction: column;
    gap: 20px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032591}}
.body--people .people_list article {
  width: calc((100% - 19px - 19px) / 3);
  padding: 12px 12px 20px 12px;
  border: 1px solid;
  border-image: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%) 1;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032591}}
  .body--people .people_list article {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032600}}
.body--people .people_list article a {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032606}}
.body--people .people_list article a:hover {
  opacity: .7;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032608}}
.body--people .people_list article a:hover .img img {
  transform: scale(1.2);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032612}}
.body--people .people_list article a .img {
  display: block;
  overflow: hidden;
  margin-bottom: 12px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032616}}
.body--people .people_list article a .img img {
  width: 310px;
  height: 310px;
  object-fit: cover;
  transition: transform .3s ease;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032616}}
  .body--people .people_list article a .img img {
    object-position: 50% 20%;
    width: 100%;
    height: 321px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032628}}
.body--people .people_list article a .categories {
  display: block;
  margin-bottom: 8px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032631}}
.body--people .people_list article a .categories .category {
  display: inline-block;
  padding: 2px .58em;
  background: linear-gradient(90deg, #53ADAE 0%, #4642A3 100%);
  font-weight: 600;
  font-size: 88%;
  letter-spacing: .03em;
  color: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032641}}
.body--people .people_list article a .name {
  margin-bottom: 8px;
  padding: 8px;
  background-color: #F0F4FF;
  font-size: 88%;
  font-weight: 600;
  color: #4642A3;
  letter-spacing: .03em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032650}}
.body--people .people_list article a .title {
  margin-bottom: 28px;
  font-size: 113%;
  font-weight: 600;
  color: #2d2d2d;
  font-family: "EB Garamond", "Hiragino Mincho ProN", YuMincho, serif;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032657}}
.body--people .people_list article a .learn_more {
  display: flex;
  align-items: flex-end;
  margin-left: auto;
  padding-bottom: 8px;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 80%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: .03em;
  position: relative;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032657}}
  .body--people .people_list article a .learn_more {
    min-width: 9em;
    margin-left: auto;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032672}}
.body--people .people_list article a .learn_more img {
  margin-left: 8px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032675}}
.body--people .people_list article a .learn_more:after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #4642A3;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032688}}
.body--people .people_goto {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032695}}
.body--people .people_goto .alumni_more {
  width: 580px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032695}}
  .body--people .people_goto .alumni_more {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032700}}
.body--people .people_goto .alumni_more a {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 35px 30px 16px;
  color: #4642A3;
  letter-spacing: .03em;
  text-decoration: none;
  transition: opacity .3s ease-in;
  background-color: #E9F6FA;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032710}}
.body--people .people_goto .alumni_more a:hover {
  opacity: .7;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032713}}
.body--people .people_goto .alumni_more a .contact_title {
  font-weight: 600;
  font-size: 125%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032717}}
.body--people .people_goto .alumni_more a .learn_more {
  display: flex;
  align-items: flex-end;
  max-width: 9.5em;
  margin-left: auto;
  margin-right: 20px;
  padding-bottom: 8px;
  letter-spacing: .03em;
  position: relative;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032726}}
.body--people .people_goto .alumni_more a .learn_more:after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #4642A3;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032735}}
.body--people .people_goto .alumni_more a .learn_more img {
  margin-left: 8px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032741}}
.body--people .people_goto .more {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032748}}
.body--people .page-navi-control {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  margin-bottom: 24px;
  list-style: none;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032748}}
  .body--people .page-navi-control {
    flex-direction: column;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032758}}
.body--people .page-navi-control li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032764}}
.body--people .page-navi-control li.return {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032767}}
.body--people .page-navi-control a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 320px;
  min-height: 60px;
  padding: 8px;
  background-color: transparent;
  border: 1px solid;
  border-image: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%) 1;
  box-sizing: border-box;
  font-size: 113%;
  font-weight: 600;
  letter-spacing: .03em;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  z-index: 0;
  transition: background .2s ease-out !important;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\0000396}}
.body--people .page-navi-control a::before, .body--people .page-navi-control a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003106}}
.body--people .page-navi-control a::before {
  transition: all .4s;
  z-index: -1;
  background-color: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003111}}
.body--people .page-navi-control a::after {
  transition: all .4s;
  z-index: -2;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003116}}
.body--people .page-navi-control a span {
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 480px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032767}}
  .body--people .page-navi-control a {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003126}}
.body--people .page-navi-control a:focus::before, .body--people .page-navi-control a:hover::before {
  opacity: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003129}}
.body--people .page-navi-control a:focus span, .body--people .page-navi-control a:hover span {
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  color: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032771}}
.body--people .people_goto_doc {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032776}}
.body--people .people_goto_doc .link_arrow a {
  display: block;
  padding-bottom: 6px;
  border-bottom: 1px solid #4642A3;
  letter-spacing: .03em;
  color: #4642A3;
  text-decoration: none;
  position: relative;
  transition: opacity .3s ease-in;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003147}}
.body--people .people_goto_doc .link_arrow a img {
  margin-left: .75em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003150}}
.body--people .people_goto_doc .link_arrow a:hover {
  opacity: .7;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032781}}
.body--people section.categories ul {
  list-style: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032783}}
.body--people section.categories ul li a {
  margin-bottom: 32px;
  display: inline-block;
  padding: 2px .58em;
  border: 1px solid;
  border-image: linear-gradient(90deg, #53ADAE 0%, #4642A3 100%) 1;
  background: linear-gradient(90deg, #53ADAE 0%, #4642A3 100%);
  font-weight: 600;
  font-size: 113%;
  letter-spacing: .03em;
  color: #fff;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032795}}
.body--people section.categories ul li a:hover {
  background: linear-gradient(90deg, #53ADAE 0%, #4642A3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032783}}
  .body--people section.categories ul li a {
    font-size: 88%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032806}}
.body--people .people_title {
  margin-bottom: 40px;
  padding-bottom: 16px;
  border-bottom: 1px solid;
  border-image: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%) 1;
  font-family: "EB Garamond", "Hiragino Mincho ProN", YuMincho, serif;
  font-weight: 600;
  font-size: 150%;
  color: #text;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032806}}
  .body--people .people_title {
    margin-bottom: 32px;
    font-size: 150%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032820}}
.body--people .card {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 60px;
  padding: 32px;
  background-color: #F0F4FF;
  border-radius: 8px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032820}}
  .body--people .card {
    flex-direction: column;
    margin-bottom: 40px;
    padding: 24px 15px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032834}}
.body--people .card header {
  flex-basis: 100%;
  margin-bottom: 16px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032837}}
.body--people .card header h3 {
  display: inline-block;
  padding: 4px;
  border-radius: 2px;
  background-color: #fff;
  padding: 7px 22px 7px 27px;
  color: #4642A3;
  font-size: 113%;
  font-weight: 600;
  letter-spacing: .03em;
  position: relative;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032848}}
.body--people .card header h3:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  transform: translateY(-50%);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032861}}
.body--people .card .profile_photo {
  flex-basis: 300px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032863}}
.body--people .card .profile_photo img {
  border-radius: 4px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032861}}
  .body--people .card .profile_photo {
    flex-basis: 100%;
    margin-bottom: 32px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032871}}
.body--people .card .profile_detail {
  flex-basis: calc(100% - 300px - 40px);
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032871}}
  .body--people .card .profile_detail {
    flex-basis: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032876}}
.body--people .card .profile_detail .categories .category {
  display: inline-block;
  margin-bottom: 10px;
  padding: 2px .58em;
  background: linear-gradient(90deg, #53ADAE 0%, #4642A3 100%);
  color: #fff;
  font-weight: 600;
  font-size: 113%;
  letter-spacing: .03em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032886}}
.body--people .card .profile_detail dt {
  margin-bottom: 8px;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 88%;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .03em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032896}}
.body--people .card .profile_detail dd {
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 125%;
  letter-spacing: .03em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032901}}
.body--people .card .profile_detail dd:first-of-type {
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032901}}
  .body--people .card .profile_detail dd:first-of-type {
    margin-bottom: 22px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032907}}
.body--people .card .profile_detail dd:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032896}}
  .body--people .card .profile_detail dd {
    font-size: 113%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032916}}
.body--people .custom_input {
  margin-bottom: 60px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032920}}
#body--people-index .category_list li:first-child a {
  border: 1px solid #fff;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  color: #fff;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}

/* Living in Tokushima
-------------------------------------------------- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032933}}
.living_goto {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032937}}
#body--campus-living_in_tokushima-index #page_index ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 1088px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032937}}
  #body--campus-living_in_tokushima-index #page_index ul {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032937}}
  #body--campus-living_in_tokushima-index #page_index ul {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032937}}
  #body--campus-living_in_tokushima-index #page_index ul {
    margin-bottom: 32px;
    gap: 7px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032948}}
#body--campus-living_in_tokushima-index #page_index ul li a {
  display: block;
  padding: 7px 27px 7px 12px;
  border: 1px solid #fff;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  color: #fff;
  font-weight: 600;
  font-size: 113%;
  letter-spacing: .03em;
  text-align: center;
  text-decoration: none;
  transition: all .3s ease-in;
  position: relative;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032948}}
  #body--campus-living_in_tokushima-index #page_index ul li a {
    padding: 5px 24px 5px 8px;
    font-size: 88%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032965}}
#body--campus-living_in_tokushima-index #page_index ul li a:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 8px;
  width: 14px;
  height: 14px;
  background: url(/english/img/ic_arrow_down_w.svg) no-repeat 100% 50%;
  background-size: 14px;
  transform: translateY(-50%);
  transition: all .2s ease-in;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032965}}
  #body--campus-living_in_tokushima-index #page_index ul li a:after {
    width: 10px;
    height: 10px;
    background-size: 10px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032982}}
#body--campus-living_in_tokushima-index #page_index ul li a:hover {
  border: 1px solid #4642A3;
  background-color: white;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032988}}
#body--campus-living_in_tokushima-index #page_index ul li a:hover:after {
  background-image: url(/english/img/ic_arrow_down_p.svg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032994}}
#body--campus-living_in_tokushima-index #content .content-page {
  background-color: #F0F4FF;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032997}}
#body--campus-living_in_tokushima-index .lv_section {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 40px 100px;
  border-radius: 8px;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000032997}}
  #body--campus-living_in_tokushima-index .lv_section {
    padding: 20px 15px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033006}}
#body--campus-living_in_tokushima-index .lv_section h2 {
  margin-top: -120px;
  padding-top: 120px;
  border-top: 0;
  padding-bottom: 20px;
  border-bottom: 2px solid;
  font-weight: 600;
  font-size: 113%;
  letter-spacing: .03em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033015}}
#body--campus-living_in_tokushima-index .lv_section h2 span {
  position: relative;
  padding-left: 2.0em;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033021}}
#body--campus-living_in_tokushima-index .lv_section h2 span:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 26px;
  height: 32px;
  background-image: url(/english/img/ic_visa.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 26px;
  transform: translateY(-50%);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033036}}
#body--campus-living_in_tokushima-index .lv_section.living-expenses h2 span:after {
  background-image: url(/english/img/ic_expence.svg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033039}}
#body--campus-living_in_tokushima-index .lv_section.living-part-time-job h2 span:after {
  background-image: url(/english/img/ic_job.svg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033042}}
#body--campus-living_in_tokushima-index .lv_section.living-banks h2 span:after {
  background-image: url(/english/img/ic_bank.svg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033045}}
#body--campus-living_in_tokushima-index .lv_section.living-medical-care-and-Insurance h2 span:after {
  background-image: url(/english/img/ic_insurance.svg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033048}}
#body--campus-living_in_tokushima-index .lv_section.living-tokushimas-climate h2 span:after {
  background-image: url(/english/img/ic_climate.svg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033051}}
#body--campus-living_in_tokushima-index .lv_section.living-earthquakes-and-disasters h2 span:after {
  background-image: url(/english/img/ic_disaster.svg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033054}}
#body--campus-living_in_tokushima-index .lv_section.living-other-useful-information h2 span:after {
  background-image: url(/english/img/ic_info.svg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033057}}
#body--campus-living_in_tokushima-index .lv_section h3 {
  display: inline-block;
  padding: 10px 20px 10px 10px;
  background-color: #F0F4FF;
  border-left: 4px solid;
  border-image: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%) 1;
  color: #4642A3;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: .03em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033068}}
#body--campus-living_in_tokushima-index .lv_section .boldmincho {
  display: block;
  margin-bottom: 24px;
  font-family: "EB Garamond", "Hiragino Mincho ProN", YuMincho, serif;
  font-weight: 600;
  font-size: 150%;
  line-height: 1.3;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033068}}
  #body--campus-living_in_tokushima-index .lv_section .boldmincho {
    font-size: 125%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033079}}
#body--campus-living_in_tokushima-index .lv_section .external_btn {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033079}}
  #body--campus-living_in_tokushima-index .lv_section .external_btn {
    flex-direction: column;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033086}}
#body--campus-living_in_tokushima-index .lv_section .external_btn p {
  margin-bottom: 0;
  letter-spacing: .03em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033086}}
  #body--campus-living_in_tokushima-index .lv_section .external_btn p {
    width: 100%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033095}}
#body--campus-living_in_tokushima-index .lv_section.living-other-useful-information .external_btn {
  flex-direction: column;
  align-items: flex-start;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033100}}
#body--campus-living_in_tokushima-index .lv_section .insert_img {
  width: 100%;
  max-width: 380px;
  height: auto;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033105}}
#body--campus-living_in_tokushima-index .lv_section .living_table {
  width: 100%;
  max-width: 500px;
  padding: 32px;
  background-color: #F0F4FF;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033105}}
  #body--campus-living_in_tokushima-index .lv_section .living_table {
    padding: 8px;
    max-width: 310px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033114}}
#body--campus-living_in_tokushima-index .lv_section .living_table table {
  margin-bottom: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033116}}
#body--campus-living_in_tokushima-index .lv_section .living_table table thead {
  border-bottom: 1px solid #4642A3;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033119}}
#body--campus-living_in_tokushima-index .lv_section .living_table table tfoot {
  border-top: 1px solid #4642A3;
  color: #4642A3;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033123}}
#body--campus-living_in_tokushima-index .lv_section .living_table table th, #body--campus-living_in_tokushima-index .lv_section .living_table table td {
  padding: 10px 16px 10px 0;
  border: 0;
  background: transparent;
  font-weight: 600;
  font-size: 88%;
  letter-spacing: .03em;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033123}}
  #body--campus-living_in_tokushima-index .lv_section .living_table table th, #body--campus-living_in_tokushima-index .lv_section .living_table table td {
    font-size: 75%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033135}}
#body--campus-living_in_tokushima-index .lv_section .living_table table th {
  color: #4642A3;
  background: transparent;
  text-align: left;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033140}}
#body--campus-living_in_tokushima-index .lv_section .living_table table tr td:nth-child(2) {
  padding: 10px 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033146}}
#body--campus-living_in_tokushima-index .living_goto {
  display: block;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 1288px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033146}}
  #body--campus-living_in_tokushima-index .living_goto {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033146}}
  #body--campus-living_in_tokushima-index .living_goto {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033154}}
  #body--campus-living_in_tokushima-index .living_goto .more {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033161}}
#body--campus-living_in_tokushima-index .living_goto .link_arrow a {
  display: block;
  padding-bottom: 6px;
  border-bottom: 1px solid #4642A3;
  letter-spacing: .03em;
  color: #4642A3;
  text-decoration: none;
  position: relative;
  transition: opacity .3s ease-in;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003147}}
#body--campus-living_in_tokushima-index .living_goto .link_arrow a img {
  margin-left: .75em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/_part\.scss}line{font-family:\00003150}}
#body--campus-living_in_tokushima-index .living_goto .link_arrow a:hover {
  opacity: .7;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033170}}
.pagination {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  margin-bottom: 60px;
  justify-content: center;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 1088px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033170}}
  .pagination {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033170}}
  .pagination {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033178}}
.pagination span {
  margin: 0;
  border: 1px solid;
  border-image: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%) 1;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033183}}
.pagination span.current {
  padding: 6px;
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  font-weight: 700;
  color: #fff;
  letter-spacing: .03em;
  min-width: 35px;
  min-height: 35px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033192}}
.pagination span.gap {
  border: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033195}}
.pagination span a {
  min-width: 35px;
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background-color: white;
  color: #4642A3;
  font-weight: 700;
  letter-spacing: .03em;
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033207}}
.pagination span a:hover, .pagination span a:focus {
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
  color: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033213}}
.pagination span.prev, .pagination span.next {
  border: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033216}}
.pagination span.prev a, .pagination span.next a {
  background-color: transparent;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033220}}
.pagination span.prev a {
  min-width: unset;
  min-height: unset;
  transform: rotate(-180deg);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033225}}
.pagination span.first, .pagination span.last {
  display: none;
}

/* commonFooter
-------------------------------------------------- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033235}}
#commonFooter {
  background: linear-gradient(90deg, #2F71C2 0%, #4642A3 100%);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033237}}
#commonFooter a {
  text-decoration: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033241}}
#commonFooter ul {
  list-style: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033245}}
#commonFooter .inner {
  padding-top: 60px;
  padding-bottom: 24px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033250}}
#commonFooter nav {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033257}}
#commonFooter .footlink_text {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033261}}
#commonFooter .footlink_text a {
  padding: 4px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  transition: opacity .3s ease-in;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033270}}
#commonFooter .foot_sns a:hover,
#commonFooter .footlink_text a:hover {
  opacity: .7;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033275}}
#commonFooter .foot_right {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033281}}
#commonFooter .foot_sns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
}
@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033281}}
  #commonFooter .foot_sns {
    justify-content: flex-start;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033289}}
#commonFooter .foot_sns a {
  transition: opacity .3s ease-in;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033291}}
#commonFooter .foot_sns a .external {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033297}}
#commonFooter address {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-bottom: 8px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033304}}
#commonFooter .copyright,
#commonFooter address {
  color: #fff;
  font-size: 82%;
  text-align: center;
  letter-spacing: .03em;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033310}}
#commonFooter .copyright a,
#commonFooter address a {
  color: #fff;
}

@media only screen and (max-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033316}}
  #commonFooter nav {
    flex-direction: column;
    gap: 40px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033321}}
  #commonFooter address {
    flex-direction: column;
    gap: 10px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033326}}
  #commonFooter .copyright {
    font-size: 63%;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033337}}
.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\/_\/english\/css\/style\.scss}line{font-family:\000033341}}
.gsc-result-info-container,
.gsc-orderby-container {
  padding: 0 !important;
  border: 0 !important;
  text-align: right !important;
}

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

/* Clearfix
================================================== */
@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/w\/w\/w\/_\/english\/css\/style\.scss}line{font-family:\000033355}}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}