.st0{
  fill:none;
  stroke:#00598D;
  stroke-width:7;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-miterlimit:10;
  stroke-dasharray:14,20;
}
.st1{
  fill:url(#SVGID_1_);
}
.st2{
  fill:#00598D;
}
.st3{
  fill:#FFFFFF;
}
.st4{
  fill:#4D1DFF;
}
.st5{
  fill:none;
  stroke:#4D1DFF;
  stroke-width:1.1103;
  stroke-miterlimit:10;
}
.st6{
  fill:none;
  stroke:#45C2D5;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-miterlimit:10;
}
.st7{
  opacity:0.7;
}
.st8{
  fill:#FFF100;
}
.st9{
  fill:#45C2D5;
}
.svg_btn:hover{
  fill: #0479bd;
}
.svg_label{
  transform-origin: bottom;
  transform: translateY(0px);
}
.signageanim{
  animation: 1s signage 9 alternate-reverse;
}
#label_x5F_01{
  animation-delay: 0s;
}
#label_x5F_02{
  /* animation: 1s signage 9 alternate-reverse; */
  animation-delay: 0.15s;
}
#label_x5F_03{
  /* animation: 1s signage 9 alternate-reverse; */
  animation-delay: 0.3s;
}
#label_x5F_04{
  /* animation: 1s signage 9 alternate-reverse; */
  animation-delay: 0.45s;
}
#label_x5F_05{
  /* animation: 1s signage 9 alternate-reverse; */
  animation-delay: 0.6s;
}
/* The animation code */
@keyframes signage {
  0% {transform: translateY(0px);}
  20% {transform: translateY(-10px);}
  40% {transform: translateY(0px);}
  100% {transform: translateY(0px);}
}

.svg_label, .svg_outline{
  opacity: 0;
  filter: blur(5px);
  transition: 0.5s;
}
.svg_label-hover{
  opacity: 1;
}
.svg_btn{
  user-select: none;
  transition: 0.3s;
  transform-origin: 50% 50%;
  transform: scale(1) rotate(0deg);
  cursor: pointer;
  /* opacity: 0.7; */
}
.svg_btn:active{
  cursor: not-allowed;
}
.svg_btn.active, .svg_outline.active, .svg_label.active{
  opacity: 1;
  filter: none;
}
.svg_btn.active:active{
  cursor: pointer;
}
#BTN_x5F_01.active:active{
  transform: scale(0.95) translate(15px, -12px);
}
.svg_btn > circle.st2{
  fill: #bed2de;
}
.svg_btn.active > circle.st2{
  fill: #00598D;
}
.stagevid{
  position: absolute;
  z-index: -1;
  width: 35%;
  /* opacity: 0.8; */
}
#v1{
  top: 17%;
  right: 25%;
  transform: scale(0.9);
}
#v2{
  bottom: 31%;
  right: 6%;
  transform: scale(0.6);
}
#v3{
  bottom: 5%;
  left: 0%;
  transform: scale(0.7);
}
#v4{
  left: -3%;
  top: 36%;
  transform: scale(0.6);
}
#StartHere {
  cursor: pointer;
}
.play{
  fill: #4f4ac3;
  cursor: pointer;
  font-family: "BebasKai";
  font-size: 1.2rem;
}
.w1{
  text-decoration: underline;
}
.play.op{
  opacity: 0.7;
  text-decoration: none;
  font-size: 1rem;
  cursor: not-allowed;
}
#play_x5F_01,
#play_x5F_02,
#play_x5F_03,
#play_x5F_04,
#play_x5F_05{
  cursor: pointer;
  display: none;
}

#play_x5F_01:hover,
#play_x5F_02:hover,
#play_x5F_03:hover,
#play_x5F_04:hover,
#play_x5F_05:hover{
  /* transform: skewX(-20deg) translateX(80px); */
  opacity: 0.8;
}
#shine_x5F_Y{
  transition: 1s;
  transform-origin: 50% 65.8%;
  transform: rotate(0deg);
  animation: 10s shineY 9 ease-in-out;
}
@keyframes shineY{
  0%{transform: rotate(0deg);}
  50%{transform: rotate(100deg);}
  70%{transform: rotate(0deg);}
  100%{transform: rotate(0deg);}
}
.noselect{
  user-select: none;
  pointer-events: none;
}