#parallaxGroup {
  min-height: 100vh;
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}

.parallax-layer{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; 
}

#pl-backgound-gradient {
  background-color: #000;
  background: url("../img/parallax/parallax_bg.jpg");
  background-size: cover;
  opacity: 1;
  z-index: -11;
  opacity: .6;
}

#pl-backgound {
  background: radial-gradient(circle at 30% 20%, rgba(45, 162, 184, 1) 0%, rgba(45, 162, 184, .65) 20%, rgba(21, 36, 62, .7) 70%, rgba(21, 36, 62, 1) 100%);
  /* opacity: 1; */
  z-index: -10;
}

#pl-glares1 {
  background: url("../img/parallax/glares1.jpg") no-repeat center;
  background-size: cover;
  z-index: -9;
  opacity: 0.15;
}

#pl-small-cells {
  background: url("../img/parallax/small_cells.png") no-repeat center;
  background-size: contain;
  z-index: -8;
  opacity: 0.4;
}

#pl-glares2 {
  background: url("../img/parallax/glares2.jpg") no-repeat center;
  background-size: cover;
  z-index: -7;
  opacity: 0.15;
}

#pl-stars1 {
  background: url("../img/parallax/stars1.png") no-repeat center;
  background-size: cover;
  z-index: -6;
  opacity: 0.2;
  filter: blur(1px);
}

#pl-stars2 {
  background: url("../img/parallax/stars2.png") no-repeat center;
  background-size: cover;
  z-index: -5;
  opacity: 0.4;
}

#pl-cells {
  background: url("../img/parallax/cells.png") no-repeat center;
  background-size: contain;
  left: -25%;
  top: -5%;
  width: 150%;
  height: auto;
  z-index: -4;
  opacity: 0.4;
}

#pl-top-gradient {
  background-size: cover;
  transform: scale(1);
  z-index: -3;
  opacity: 0.2;
  background: linear-gradient(
      150deg,
      rgba(25, 113, 133, 1),
      rgba(27, 41, 52, 0.1) 60.71%
    ),
    linear-gradient(
      30deg,
      rgba(27, 118, 136, 1),
      rgba(50, 189, 191, 0.5) 40.71%
    ),
    linear-gradient(200deg, rgba(16, 90, 133, 1), rgba(27, 41, 52, 0) 40.71%),
    linear-gradient(310deg, rgba(24, 108, 144, 1), rgba(50, 189, 191, 1) 70.71%);
}

#pl-changing-gradient {
  width: 150%;
  height: 150%;
  background-size: 300% 300%;
  background-image: linear-gradient(
    -45deg,
    rgba(59, 173, 227, 1) 0%,
    rgba(87, 111, 230, 0.5) 25%,
    rgba(25, 113, 133, 1) 51%,
    rgba(87, 111, 230, 1) 100%
  );
  z-index: -10;
  opacity: 0.2;
}

@keyframes AnimateBG {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

#pl-top-fogging{
  opacity: .2;
  background: url(../img/sun_glare.png) no-repeat 50% 50%;
  transform: translate(0, -5%);
  background-size: cover;
  z-index: -8;
}