.container-parallax {
  position: relative;
  max-width: 960px!important;
  width: 960px!important;
  height: 520px;
  margin: 2rem auto;
  overflow: hidden!important;
  display: table
}

.container-parallax .title {
  position: absolute;
  z-index: 101;
  left: 5%;
  top: 5%;
  color: #fff
}

.container-parallax .title h1 {
  margin-bottom: 0
}

.container-parallax .title p {
  margin-top: 0;
  padding-top: .2rem
}

.container-parallax .scene {
  padding: 0;
  margin: 0
}

.container-parallax li.layer-sky .animation-box {
  background-image: url(/static/parallax/sky.jpg);
  background-repeat: no-repeat;
  background-size: 120% 120%;
  width: 960px;
  height: 520px;
  min-height: 520px;
  min-width: 960px
}

.container-parallax li.layer-sea .animation-box {
  background-image: url(/static/parallax/sea.png);
  background-repeat: repeat-x;
  background-position: 0;
  width: 1170px;
  height: 560px;
  min-height: 560px;
  min-width: 1170px;
  left: -100px;
  position: absolute;
  animation-name: wave;
  -webkit-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
  animation-timing-function: linear;
  -webkit-animation-delay: .65s;
  -o-animation-delay: .65s;
  animation-delay: .65s;
  animation-iteration-count: infinite
}

.container-parallax li.layer-r2 .animation-box,.container-parallax li.layer-seagulls .animation-box {
  min-width: 960px;
  -webkit-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
  position: absolute;
  animation-name: wave;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background-repeat: no-repeat;
  width: 960px;
  height: 520px;
  min-height: 520px
}

.container-parallax li.layer.layer-r1 .animation-box,.container-parallax li.layer.layer-w1 .animation-box,.container-parallax li.layer.layer-w2 .animation-box {
  -webkit-animation-name: wave;
  -o-animation-name: wave;
  -webkit-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  background-repeat: no-repeat;
  position: absolute
}

.container-parallax li.layer-seagulls .animation-box {
  background-image: url(/static/parallax/seagulls.png);
  -webkit-animation-delay: .65s;
  -o-animation-delay: .65s;
  animation-delay: .65s
}

.container-parallax li.layer-r2 .animation-box {
  background-image: url(/static/parallax/r2.png);
  -webkit-animation-delay: .6s;
  -o-animation-delay: .6s;
  animation-delay: .6s;
  top: 310px;
  left: 50px
}

.container-parallax li.layer.layer-r1 .animation-box {
  animation-name: wave;
  -webkit-animation-duration: 8s;
  -o-animation-duration: 8s;
  animation-duration: 8s;
  animation-timing-function: linear;
  -webkit-animation-delay: .2s;
  -o-animation-delay: .2s;
  animation-delay: .2s;
  animation-iteration-count: infinite;
  background-image: url(/static/parallax/r1.png);
  background-size: 50%;
  background-position: 90% 40px;
  width: 960px;
  height: 520px;
  min-height: 520px;
  min-width: 960px;
  top: 36px;
  left: -150px
}

.container-parallax li.layer.layer-w1 .animation-box,.container-parallax li.layer.layer-w2 .animation-box {
  animation-name: wave;
  -webkit-animation-duration: 8s;
  -o-animation-duration: 8s;
  animation-duration: 8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  width: 1170px;
  min-width: 960px
}

.container-parallax li.layer.layer-w1 .animation-box {
  -webkit-animation-delay: .2s;
  -o-animation-delay: .2s;
  animation-delay: .2s;
  background-image: url(/static/parallax/w1.png);
  min-height: 110px;
  height: 110px;
  top: 470px
}

.container-parallax li.layer.layer-w2 .animation-box {
  -webkit-animation-delay: .4s;
  -o-animation-delay: .4s;
  animation-delay: .4s;
  background-image: url(/static/parallax/w2.png);
  background-position: bottom;
  height: 520px;
  min-height: 520px;
  top: 70px;
  left: -100px
}

.container-parallax li.layer.layer-w3 .animation-box,.container-parallax li.layer.layer-w4 .animation-box {
  position: absolute;
  -webkit-animation-name: wave;
  -o-animation-name: wave;
  animation-name: wave;
  -webkit-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-position: bottom;
  width: 1170px;
  height: 520px;
  min-height: 520px;
  min-width: 960px;
  left: -100px;
  top: 50px
}

.container-parallax li.layer.layer-w3 .animation-box {
  -webkit-animation-duration: 9s;
  -o-animation-duration: 9s;
  animation-duration: 9s;
  -webkit-animation-delay: .1s;
  -o-animation-delay: .1s;
  animation-delay: .1s;
  background-image: url(/static/parallax/w3.png);
  background-repeat: repeat-x
}

.container-parallax li.layer.layer-w4 .animation-box {
  -webkit-animation-duration: 75s;
  -o-animation-duration: 75s;
  animation-duration: 75s;
  -webkit-animation-delay: .25s;
  -o-animation-delay: .25s;
  animation-delay: .25s;
  background-image: url(/static/parallax/w4.png);
  background-repeat: no-repeat
}

@-webkit-keyframes wave {
  0% {
      -webkit-transform: rotateZ(0) translate3d(0,2%,0) rotateZ(0);
      transform: rotateZ(0) translate3d(0,2%,0) rotateZ(0)
  }

  100% {
      -webkit-transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
      transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg)
  }
}

@-o-keyframes wave {
  0% {
      -webkit-transform: rotateZ(0) translate3d(0,2%,0) rotateZ(0);
      transform: rotateZ(0) translate3d(0,2%,0) rotateZ(0)
  }

  100% {
      -webkit-transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
      transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg)
  }
}

@keyframes wave {
  0% {
      -webkit-transform: rotateZ(0) translate3d(0,2%,0) rotateZ(0);
      transform: rotateZ(0) translate3d(0,2%,0) rotateZ(0)
  }

  100% {
      -webkit-transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg);
      transform: rotateZ(360deg) translate3d(0,2%,0) rotateZ(-360deg)
  }
}