@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&display=swap");
#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #fff;
  text-align: center;
  z-index: 999999;
}
#loading #loading_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#loading #loading_logo img {
  width: 200px;
}
@media screen and (min-width: 1024px) {
  #loading #loading_logo img {
    width: 300px;
  }
}

/* ////////// loading Logo ////////// */
.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* ////////// header Logo ////////// */
.fadeUp {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/* ////////// Page fadeIn ////////// */
.fadeInAnimetion {
  opacity: 0;
  -webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: opacity 1.5s, transform 1.5s;
  transition: opacity 1.5s, transform 1.5s, -webkit-transform 1.5s;
}
.fadeInAnimetion.is_animated {
  opacity: 1;
}

/* ////////// Page fadeUp ////////// */
.fadeUpAnimetion {
  opacity: 0;
  -webkit-transform: translate3d(0, 100px, 0);
          transform: translate3d(0, 100px, 0);
  -webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: opacity 1.5s, transform 1.5s;
  transition: opacity 1.5s, transform 1.5s, -webkit-transform 1.5s;
}
.fadeUpAnimetion.is_animated {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.fadeUpAnimetion2 {
  opacity: 0;
  -webkit-transform: translate3d(0, 100px, 0);
          transform: translate3d(0, 100px, 0);
  -webkit-transition: opacity 1.5s, -webkit-transform 2s;
  transition: opacity 1.5s, -webkit-transform 2s;
  transition: opacity 1.5s, transform 2s;
  transition: opacity 1.5s, transform 2s, -webkit-transform 2s;
}
.fadeUpAnimetion2.is_animated {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.fadeUpAnimetion3 {
  opacity: 0;
  -webkit-transform: translate3d(0, 100px, 0);
          transform: translate3d(0, 100px, 0);
  -webkit-transition: opacity 1.5s, -webkit-transform 3s;
  transition: opacity 1.5s, -webkit-transform 3s;
  transition: opacity 1.5s, transform 3s;
  transition: opacity 1.5s, transform 3s, -webkit-transform 3s;
}
.fadeUpAnimetion3.is_animated {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

/* ////////// Page fadeDown ////////// */
.fadeDownAnimetion {
  opacity: 0;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: opacity 1.5s, transform 1.5s;
  transition: opacity 1.5s, transform 1.5s, -webkit-transform 1.5s;
}
.fadeDownAnimetion.is_animated {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}