.section--single *[style*='justify'] > * {
  padding: 0 2vw;
  text-align: center; }

.header--scroll {
  background-color: black; }
  .show-mobile-nav .header--scroll {
    background-color: transparent; }
  @media only screen and (max-width: 768px) {
    .header--scroll {
      background-color: transparent; } }

@media only screen and (max-width: 768px) {
  .section__20160829131551 .background {
    opacity: 0.2; } }

.browser--video .video {
  position: relative;
  max-width: 70vw;
  height: 100%;
  margin: 0 auto;
  border: 1px solid #282828;
  border-top-width: 2vw;
  border-radius: 0.5vw 0.5vw 0 0;
  background-color: #282828; }
  .browser--video .video:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    box-shadow: 0 1vw 3vw rgba(0, 0, 0, 0.9); }
  .browser--video .video:after {
    position: absolute;
    top: -1.5vw;
    left: 0.75vw;
    display: block;
    width: 1vw;
    height: 1vw;
    content: '';
    border-radius: 50%;
    background: #999999;
    box-shadow: 1.5vw 0 0 #999999, 3vw 0 0 #999999; }

/* Browser */
.browser {
  height: 100vh; }
  .browser > .content {
    padding-bottom: 0; }
  .browser .onlyimages {
    position: relative;
    height: 100%;
    border: 1px solid #282828;
    border-top-width: 2vw;
    border-bottom: none;
    border-radius: 0.5vw 0.5vw 0 0;
    background-color: #282828; }
    .browser .onlyimages img {
      position: absolute; }
    .browser .onlyimages:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      content: '';
      box-shadow: 0 1vw 3vw rgba(0, 0, 0, 0.9); }
    .browser .onlyimages:after {
      position: absolute;
      top: -1.5vw;
      left: 0.75vw;
      display: block;
      width: 1vw;
      height: 1vw;
      content: '';
      border-radius: 50%;
      background: #999999;
      box-shadow: 1.5vw 0 0 #999999, 3vw 0 0 #999999; }

@-webkit-keyframes scrollImage {
  0% {
    top: 0; }
  1% { }
  100% {
    top: -100%; } }

@keyframes scrollImage {
  0% {
    top: 0; }
  1% { }
  100% {
    top: -100%; } }

.particles-js-canvas-el {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

#plane {
  position: relative;
  z-index: 3;
  -webkit-animation: flying 4s alternate infinite;
          animation: flying 4s alternate infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

#motionlines {
  position: absolute;
  z-index: 1;
  top: -20%;
  right: -30%;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  -webkit-transform: perspective(200px) rotateX(10deg) rotateY(10deg) rotateZ(58deg);
          transform: perspective(200px) rotateX(10deg) rotateY(10deg) rotateZ(58deg);
  -webkit-filter: blur(2px);
          filter: blur(2px); }

#motionlines li {
  position: absolute;
  top: -600px;
  display: block;
  width: 6px;
  height: 200px;
  -webkit-animation: motionlines 6s linear infinite;
          animation: motionlines 6s linear infinite;
  text-indent: -10000em;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2); }

#motionlines li:nth-child(1) {
  left: calc(0%); }

#motionlines li:nth-child(2) {
  left: 6.25%;
  height: 20px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s; }

#motionlines li:nth-child(3) {
  left: 12.5%;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  background-color: rgba(255, 255, 255, 0.5); }

#motionlines li:nth-child(4) {
  left: 18.75%;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

#motionlines li:nth-child(5) {
  left: 25%;
  height: 20px;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  background-color: rgba(255, 255, 255, 0.4); }

#motionlines li:nth-child(6) {
  left: 31.25%;
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s; }

#motionlines li:nth-child(7) {
  left: 37.5%;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s; }

#motionlines li:nth-child(8) {
  left: 43.75%;
  height: 20px;
  -webkit-animation-delay: 7.7s;
          animation-delay: 7.7s; }

#motionlines li:nth-child(9) {
  left: 50%;
  -webkit-animation-delay: 5.1s;
          animation-delay: 5.1s; }

#motionlines li:nth-child(10) {
  left: 56.25%;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  background-color: rgba(255, 255, 255, 0.5); }

#motionlines li:nth-child(11) {
  left: 62.5%;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

#motionlines li:nth-child(12) {
  left: 68.75%;
  height: 30px;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }

#motionlines li:nth-child(13) {
  left: 75%;
  -webkit-animation-delay: 3.3s;
          animation-delay: 3.3s; }

#motionlines li:nth-child(14) {
  left: 81.25%;
  -webkit-animation-delay: 5.2s;
          animation-delay: 5.2s; }

#motionlines li:nth-child(15) {
  left: 87.5%;
  -webkit-animation-delay: 5.7s;
          animation-delay: 5.7s;
  background-color: rgba(255, 255, 255, 0.5); }

#motionlines li:nth-child(16) {
  left: 93.75%;
  -webkit-animation-delay: 4.6s;
          animation-delay: 4.6s; }

@-webkit-keyframes motionlines {
  0% {
    top: 0; }
  100% {
    top: 200%; } }

@keyframes motionlines {
  0% {
    top: 0; }
  100% {
    top: 200%; } }

@-webkit-keyframes fading {
  0% {
    -webkit-transform: rotate(0deg) translateX(12px);
            transform: rotate(0deg) translateX(12px);
    -webkit-filter: blur(8px);
            filter: blur(8px); }
  50% {
    -webkit-transform: rotate(2deg) translateX(6px);
            transform: rotate(2deg) translateX(6px);
    -webkit-filter: blur(2px);
            filter: blur(2px); }
  100% {
    -webkit-transform: rotate(0deg) translateX(16px);
            transform: rotate(0deg) translateX(16px);
    -webkit-filter: blur(12px);
            filter: blur(12px); } }

@-webkit-keyframes flying {
  0% {
    -webkit-transform: rotate(0deg) translateY(0px);
            transform: rotate(0deg) translateY(0px); }
  50% {
    -webkit-transform: rotate(4deg) translateY(14px);
            transform: rotate(4deg) translateY(14px); }
  100% {
    -webkit-transform: rotate(0deg) translateX(12px);
            transform: rotate(0deg) translateX(12px); } }

@keyframes flying {
  0% {
    -webkit-transform: rotate(0deg) translateY(0px);
            transform: rotate(0deg) translateY(0px); }
  50% {
    -webkit-transform: rotate(4deg) translateY(14px);
            transform: rotate(4deg) translateY(14px); }
  100% {
    -webkit-transform: rotate(0deg) translateX(12px);
            transform: rotate(0deg) translateX(12px); } }