html, body {
  height: 100%;
  overflow: hidden;
}


.flight-loader-wrapper {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;

background-image: url("../images/download.jfif");

  overflow: hidden;
}


#canvas {
  position:absolute;
  width:650px;
  height:650px;
  z-index:2;
}

#canvas div {
  position:absolute;
  width:100%;
  height:100%;
  background-size:contain;
  background-repeat:no-repeat;
  animation-fill-mode:forwards;
  opacity:0;
}


#planes {
background-image: url("../images/plane.png");
  animation: fadeIn .5s 2s forwards, rotate 28s linear infinite;
}

#road {
background-image: url("../images/road.png");

  animation: fadeIn .5s 2.4s forwards, rotate-reverse 18s linear infinite;
}

#clouds {
   background-image: url("../images/clouds.png");
z-index:0;
  animation: fadeIn .5s 2.8s forwards, rotate 22s linear infinite;
}

@keyframes rotate {
  to { transform: rotate(360deg); }
}
@keyframes rotate-reverse {
  to { transform: rotate(-360deg); }
}

.counter-holder {
text-align: center;
    animation: fadeIn 1.5s 2.5s forwards;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 9999 !important;
}


@keyframes fadeIn {
  to { opacity:1; }
}

#countdown_dashboard {
  margin:25px 0;
}

.dash .digit {
  font-size:46px;
  font-weight:700;
}

#loading img {
  width:40px;
}


.counter-holder h1 {
  font-size: 42px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.counter-holder h3 {
  font-size: 14px;
  text-transform: uppercase;
  max-width: 260px;
}

#countdown_dashboard {
  margin: 20px 0;
}

.dash .digit {
  font-size: 44px;
}

.top_contact {
  margin-top: 10px;
}

/*.flight-loader-wrapper::before {*/
/*  content:"";*/
/*  position:absolute;*/
/*  inset:0;*/
/*  background: rgba(255,255,255,0.45);*/
/*  z-index:1;*/
/*}*/