@charset "UTF-8";

.delay_0s{
  animation-delay: 0s;
}
.delay_02s{
  animation-delay: 0.2s;
}
.delay_04s{
  animation-delay: 0.4s;
}
.delay_06s{
  animation-delay: 0.6s;
}
.delay_08s{
  animation-delay: 0.8s;
}
.delay_1s{
  animation-delay: 1s;
}
.delay_12s{
  animation-delay: 1.2s;
}
.delay_14s{
  animation-delay: 1.4s;
}
.delay_16s{
  animation-delay: 1.6s;
}
.delay_18s{
  animation-delay: 1.8s;
}
.delay_2s{
  animation-delay: 2s;
}
.delay_22s{
  animation-delay: 2.2s;
}
.delay_24s{
  animation-delay: 2.4s;
}
.delay_26s{
  animation-delay: 2.6s;
}
.delay_28s{
  animation-delay: 2.8s;
}
.delay_3s{
  animation-delay: 3s;
}
.delay_32s{
  animation-delay: 3.2s;
}
.delay_26s{
  animation-delay: 2.6s;
}
.delay_28s{
  animation-delay: 2.8s;
}
.delay_3s{
  animation-delay: 3s;
}
.delay_32s{
  animation-delay: 3.2s;
}

.delay_4s{
  animation-delay: 4s;
}

.delay_48s{
  animation-delay: 4.5s;
}

.delay_56s{
  animation-delay: 5.6s;
}

@keyframes rotate_z_360 {
  0%{
    transform: rotateZ(0deg);
  }
  100%{
    transform: rotateZ(360deg);
  }
}

.anime_up_down{
  animation-name: up_down;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
}


@keyframes up_down {
  0%{
    transform: translateY(0px);
  }
  100%{
    transform:translateY(40px);
  }
}

.anime_flashing{
  animation-name: flashing;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes flashing {
  0%{
  opacity: 0.2;
  }
  100%{
    opacity: 1;
  }
}

@keyframes fadein_up {
  0%{
    opacity: 0;
  }
  50%{

    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}

.anime_fadein_up{
  display: inline-block;
  animation-name: fadein_up;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.dur_5s{
  animation-duration: 5s;
}
.dur_10s{
  animation-duration: 10s;
}
.dur_15s{
  animation-duration: 15s;
}
.dur_20s{
  animation-duration: 20s;
}
.dur_25s{
  animation-duration: 25s;
}
.dur_30s{
  animation-duration: 30s;
}


@keyframes open_door_left {
  0%{
    transform:translateX(0%);
  }
  80%{
    opacity: 1;
  }
  100%{

        transform:translateX(-100%);
    opacity: 0;
  }
}

.anime_open_door_left{
  display: inline-block;
  animation-name: open_door_left ;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-duration: 2s;
  animation-fill-mode: both;
}

@keyframes open_door_right {
  0%{
    transform:translateX(0%);
  }
  80%{
    opacity: 1;
  }
  100%{
    transform:translateX(100%);
    opacity: 0;
  }
}
.anime_open_door_right{
  display: inline-block;
  animation-name: open_door_right ;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-duration: 2s;
  animation-fill-mode: both;
}

@keyframes fadein_opc {
  0%{
    opacity: 0;
  }
  100%{
    opacity:0.8;
  }
}

.anime_fadein_opc{
  animation-name: fadein_opc;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 3s;
}

@keyframes fadein_out {
  0%{
    opacity: 0;
  }
  50%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}

.anime_fadein_out{
  animation-name: fadein_out;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 3s;
}

@keyframes fade_out {
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}

.anime_fade_out{
  animation-name: fade_out;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 1s;
}


@keyframes opc_inf {
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0.3;
  }
}

.anime_opc_inf{
  animation-name: opc_inf;
  animation-iteration-count: infinite;
  animation-duration: 1.5s;
  animation-timing-function: linear;

}

@keyframes btn_beac {
  0%{
    transform: scale(1,1);
  }
  100%{
        transform: scale(0.8,0.8);
  }
}
.anime_btn_beac{
  animation-name: btn_beac;
  animation-iteration-count: infinite;
  animation-duration: 1s;
  animation-timing-function: steps(2);
}


@keyframes open_up {
  0%{
    transform: translateY(0%);
  }
  100%{
    transform: translateY(-100%);
  }
}
.anima_ini_open{
  animation-name: open_up;
  animation-iteration-count: 1;
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-delay: 1.5s;
}

@keyframes ini_fade_out {
  0%{
      opacity:1;
  }
  99%{
    transform: scale(1,1);
  }
  100%{
    transform: scale(0,0);
    opacity:0;
  }
}

.anime_ini_fadeout{
  animation-name: ini_fade_out;
  animation-iteration-count: 1;
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-delay: 5s;
}


@keyframes menu_bg_in {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 0.5;
  }
}

.anime_menu_bg_in{
  animation-name: menu_bg_in;
  animation-iteration-count: 1;
  animation-duration: 2s;
  animation-fill-mode: both;
}