.navbar {
  position: absolute;
  width: 100%;
  top: 0;
}
.navbarbg {
  background-color: transparent !important;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.first_screen {
  position: fixed;
  z-index: 111111;
  width: 100vw;
  height: 100vh;
  background-color: #ecd0b0;
}
.first_screen img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.bg_trans {
  background: #ecd0b0 url("../img/vndyy.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  margin: auto;
}
.animate__animated {
  background-position: center center;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated1 {
  background-position: center center;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.logoimg {
  z-index: -999;
}
@-webkit-keyframes animate__fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes animate__fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes animate__fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animate__fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.logo_animate.logo_translate {
  position: absolute;
  height: 80px;
  width: auto;
  transition: 0.8s all;
  top: 53px;
  left: 70px;
}
@keyframes shimmy {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(20px, 50px);
  }
}
.first_screen.animated.fadeOut.z-index {
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .logoimg {
    height: auto !important;
    width: 85% !important;
  }
}
@media only screen and (max-width: 600px) {
  .logoimg {
    height: 150px;
  }
  .imgsize {
    width: 365px;
  }
}