.header_concur_404 {
  background-repeat: repeat-x;
  background-position: center top;
  height: 630px;
  position: relative;
  overflow: hidden;
}

.header_concur_404 h1.xlg {
  margin-top: 215px;
}

.header_concur_404 .twinkle {
  width: 14px;
  height: 14px;
  background: url('/sites/all/modules/custom_concur/concur_startup/images/header_concur_404/flight/twinkle.png') no-repeat center center;
  position: absolute;
  background-size: cover;
  z-index: 9;
}

.header_concur_404 .twinkle.twinkle-0 {
  left: 50px;
  top: 150px;
}

.header_concur_404 .twinkle.twinkle-1 {
  left: 230px;
  top: 300px;
}

.header_concur_404 .twinkle.twinkle-2 {
  left: 320px;
  top: 130px;
}

.header_concur_404 .twinkle.twinkle-3 {
  left: 50px;
  top: 150px;
}

.header_concur_404 .twinkle.twinkle-4 {
  left: 880px;
  top: 360px;
}

.header_concur_404 .twinkle.twinkle-5 {
  left: 860px;
  top: 90px;
}

.header_concur_404 .twinkle.twinkle-6 {
  left: 1070px;
  top: 270px;
}

.header_concur_404 .twinkle.twinkle-7 {
  left: 1130px;
  top: 45px;
}

.header_concur_404 .twinkle.twinkle-8 {
  top: 300px;
  left: 500px;
}

.header_concur_404 .twinkle.twinkle-9 {
  left: 1500px;
  top: 300px;
}

.header_concur_404 .twinkle.twinkle-10 {
  left: 1300px;
  top: 400px;
}


.header_concur_404 .window {
  width: 12px;
  height: 12px;
  background: #097aca;
  position: absolute;
}

.header_concur_404 .window.window-1 {
  top: 225px;
  left: 375px;
}

.header_concur_404 .window.window-2 {
  top: 225px;
  left: 600px;
}

.header_concur_404 .window.window-3 {
  top: 225px;
  left: 1130px;
}

.header_concur_404 .window.window-4 {
  top: 225px;
  left: 1000px;
}

.header_concur_404 .window.window-5 {
  top: 225px;
  left: 1400px;
}

.header_concur_404 .container.container-full-width {
  width: auto;
}

.header_concur_404 #animation-layer-1 {
  position: absolute;
  left: -113px;
  top: 65px;
}

.header_concur_404 #animation-layer-1 img, .header_concur_404 .container.container-full-width{
  z-index: 10;
}

.header_concur_404 .pulse-animation {
    -webkit-animation: inandout 10s ease-in-out forwards infinite;
    animation: inandout 10s ease-in-out forwards infinite;
}

.header_concur_404 .pulse-animation-fast {
    -webkit-animation: inandoutfast 4s ease-in-out forwards infinite;
    animation: inandoutfast 4 ease-in-out forwards infinite;
}

.header_concur_404 .pulse-animation-fast-1 {
    -webkit-animation: inandoutfast 25s ease-in-out forwards infinite;
    animation: inandoutfast 25s ease-in-out forwards infinite;
}

.header_concur_404 .pulse-animation-fast-2 {
    -webkit-animation: inandoutfast 6s ease-in-out forwards infinite;
    animation: inandoutfast 6s ease-in-out forwards infinite;
}

.header_concur_404 .pulse-animation-fast-3 {
    -webkit-animation: inandoutfast 30s ease-in-out forwards infinite;
    animation: inandoutfast 30 ease-in-out forwards infinite;
}

.header_concur_404 .pulse-animation-fast-4 {
    -webkit-animation: inandoutfast 15s ease-in-out forwards infinite;
    animation: inandoutfast 15s ease-in-out forwards infinite;
}

@-webkit-keyframes inandout {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

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

@-webkit-keyframes inandoutfast {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

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

@media screen and (max-width: 64em) {
  .header_concur_404 .window.window-1 {
    left: 160px;
  }

  .header_concur_404 .window.window-2 {
    top: 520px;
    left: 420px;
  }

  .header_concur_404 .window.window-3 {
    left: 785px;
    top: 250px;
  }

  .header_concur_404 .window.window-4 {
    left: 880px;
  }

  .header_concur_404 .window.window-5 {
    left: 670px;
    top: 250px;
  }
}

/* override views container for 404 page { */
#views-container {
  padding: 0;
  width: 100%;
}
#views-container > div.col-sm-12 {
  padding: 0;
}

@media screen and (max-width: 48em) {
  .header_concur_404 .window.window-1 {
    left: 10px;
  }

  .header_concur_404 .window.window-2 {
    top: 260px;
    left: 265px;
  }

  .header_concur_404 .window.window-3 {
    left: 585px;
  }

}

@media screen and (max-width: 26em)  {
  .header_concur_404 .window.window-1 {
    left: 5px;
  }
}

@media screen and (max-width: 24em) {
  .header_concur_404 .window.window-1 {
    left: 80px;
    top: 230px;
  }

  .header_concur_404 .window.window-2 {
    top: 220px;
    left: 245px;
  }

  .header_concur_404 .window.window-3 {
    top: 160px;
    left: 345px;
  }

  .header_concur_404 .twinkle.twinkle-4 {
    left: 235px;
    top: 60px;
  }

  .header_concur_404 .twinkle.twinkle-5 {
    left: 45px;
    top: 360px;
  }
}

@media screen and (max-width: 20em) {
  .header_concur_404 .window.window-1 {
    top: 230px;
    left: 50px;
  }
  .header_concur_404 .window.window-2 {
    top: 230px;
    left: 140px;
  }
  .header_concur_404 .window.window-3 {
    top: 210px;
    left: 220px;
  }
}