@import url("http://fonts.googleapis.com/css?family=Rubik:300,400,500,700,300italic,400italic,700italic");
@import url("http://fonts.googleapis.com/css?family=Roboto:400,900,300,300italic,400italic,900italic");
html {
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar; }

body {
  background: #fff;
  font: 400 16px/1.6 "Roboto", sans-serif;
  color: #333;
  -webkit-font-smoothing: antialiased; }

.gap-400 {
  height: 400%; }

img {
  max-width: 100%;
  height: auto; }

.bold {
  font-weight: bold; }

.article-copy {
  font-size: 18px;
  line-height: 28px; }
  .article-copy p, .article-copy ul {
    margin-bottom: 50px; }
  .article-copy li {
    margin-bottom: 20px;
    font-weight: 700; }
  .article-copy.lg {
    font-size: 24px;
    line-height: 1.5; }

.section-title {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  padding: 50px 0;
  font-size: 2.5em;
  line-height: 1.2;
  letter-spacing: -1px;
  text-align: center; }
  @media (min-width: 480px) {
    .section-title {
      font-size: 3em; } }
  @media (min-width: 992px) {
    .section-title {
      font-size: 3.5em;
      letter-spacing: 0px;
      text-align: left; } }

.caption {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 5px; }

.topbar {
  height: 40px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: white;
  opacity: 1;
  padding: 0 5px; }
  .topbar .logo {
    float: left;
    padding: 5px 0; }
    .topbar .logo img {
      height: 20px; }
  .topbar .header-headline {
    padding: 5px 20px;
    font-size: 1em;
    font-weight: 700;
    float: left; }
  .topbar .sponsor {
    float: right;
    font-size: .875em; }
    .topbar .sponsor img {
      height: 30px;
      margin-left: 10px; }
  .topbar #share-tools {
    float: right;
    padding: 5px 20px; }
    .topbar #share-tools .social_link {
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear;
      margin: 0 5px 0 5px;
      color: black; }
  @media (max-width: 768px) {
    .topbar .header-headline {
      display: none; }
    .topbar #share-tools {
      display: none; } }
  @media (min-width: 769px) {
    .topbar {
      height: 60px;
      padding: 10px; }
      .topbar .logo img {
        height: 30px; }
      .topbar .sponsor img {
        height: 40px; } }

#readout {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 35px;
  width: auto;
  background: #fff;
  color: black;
  z-index: 9999; }

section {
  position: fixed; }

.content {
  padding: 50px 0; }

#ge-ad-1 {
  margin: 40px 15px 0;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #ccc; }
  #ge-ad-1 .headline {
    text-align: center;
    padding: 30px 20px 20px; }
    #ge-ad-1 .headline img {
      width: 100%;
      max-width: 665px; }
  #ge-ad-1 .customers {
    text-align: center;
    padding: 20px 0; }
    #ge-ad-1 .customers > div {
      margin-bottom: 40px; }
  #ge-ad-1 .footer {
    margin: 0 10px;
    padding: 20px 0;
    border-top: 1px solid #999; }
    #ge-ad-1 .footer .logo {
      margin-bottom: 20px; }
  @media (min-width: 769px) {
    #ge-ad-1 {
      margin-left: auto;
      margin-right: auto; }
      #ge-ad-1 .customers > div {
        margin-bottom: 20px; }
      #ge-ad-1 .footer .logo {
        margin-bottom: 0; } }

#ge-ad-2 {
  margin-bottom: 40px; }

#ge-ad-3 {
  padding: 0;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #ccc; }
  #ge-ad-3 .image, #ge-ad-3 .text {
    width: 50%; }
    @media (min-width: 769px) {
      #ge-ad-3 .image, #ge-ad-3 .text {
        float: left; } }
  #ge-ad-3 .text {
    padding: 30px; }

#intro {
  z-index: 1000;
  color: #fff;
  font-family: "Rubik", sans-serif;
  background: black;
  background-size: cover;
  background-attachment: fixed;
  -skrollr-animation-name: intro; }
  #intro .disclaimer {
    -skrollr-animation-name: disclaimerintro;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: black;
    z-index: 9999;
    padding: 5px 0;
    font-size: 9px; }
    @media (min-width: 769px) {
      #intro .disclaimer {
        font-size: 12px;
        padding: 10px 0; } }
  #intro .content {
    height: 100%; }
  #intro .video-bg {
    position: absolute !important;
    background: url("../images/intro-bg-still.jpg") top center no-repeat;
    min-width: 100%;
    min-height: 100%;
    top: 60px;
    left: 50%;
    transform: translate(-50%, 0%);
    opacity: .65; }
    #intro .video-bg video {
      display: none; }
    @media (min-width: 769px) {
      #intro .video-bg video {
        display: block;
        object-fit: cover;
        width: 100%;
        height: 100%; } }
  #intro #arrow-down {
    position: absolute;
    text-align: center;
    bottom: 60px;
    font-size: 32px;
    -skrollr-animation-name: arrow; }
  #intro #sponsor {
    -skrollr-animation-name: sponsor;
    text-align: center;
    top: 80%;
    position: absolute; }
    #intro #sponsor img {
      width: 30px; }
    @media (min-width: 769px) {
      #intro #sponsor {
        bottom: 100px; }
        #intro #sponsor img {
          width: 40px; } }
  #intro #main-title {
    -skrollr-animation-name: main-title;
    position: absolute;
    left: 50%;
    max-width: 750px;
    height: 60%;
    text-align: center;
    transform: translateX(-50%);
    padding: 0 15px; }
    #intro #main-title p {
      font-family: "Rubik", sans-serif; }
    #intro #main-title img {
      height: 100%;
      margin-bottom: 10px; }
    #intro #main-title h1 {
      font-weight: 700;
      font-size: 4em;
      text-align: center;
      text-transform: uppercase; }
  #intro #intro-text-1, #intro #intro-text-2 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 15px; }
  #intro #intro-text-1 {
    -skrollr-animation-name: intro-text-1;
    font-size: 1.25em;
    max-width: 650px; }
  #intro #intro-text-2 {
    -skrollr-animation-name: intro-text-2;
    font-size: 4em;
    line-height: 1;
    font-weight: 500;
    text-align: center; }

.bounce {
  animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -o-animation: bounce 2s infinite; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(0px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-10px); }
  60% {
    -moz-transform: translateY(0px); } }
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0); }
  40% {
    -o-transform: translateY(-10px); }
  60% {
    -o-transform: translateY(0px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
#block1 {
  z-index: 1000;
  background: white;
  -skrollr-animation-name: block1; }
  #block1 .content {
    padding-bottom: 0; }
  #block1 .article-copy {
    padding: 50px 0; }
  #block1 .icon-wrap {
    display: none; }
    @media (min-width: 769px) {
      #block1 .icon-wrap {
        display: block; } }
  #block1 #icon-turbine {
    -skrollr-animation-name: icon-turbine;
    left: -2%;
    position: absolute; }
  #block1 #icon-nuclear {
    -skrollr-animation-name: icon-nuclear;
    left: 7%;
    position: absolute;
    -webkit-filter: blur(1px);
    opacity: .8; }
  #block1 #icon-factory {
    -skrollr-animation-name: icon-factory;
    left: 90%;
    position: absolute; }
  #block1 #icon-wind {
    -skrollr-animation-name: icon-wind;
    left: 75%;
    position: absolute;
    -webkit-filter: blur(1.5px);
    opacity: .9; }
  #block1 #icon-electric {
    -skrollr-animation-name: icon-electric;
    left: 85%;
    position: absolute;
    -webkit-filter: blur(1.7px);
    opacity: .8; }

.sidebar-full {
  color: #fff;
  background: url("../images/sidebar-bg.jpg") top center no-repeat;
  background-size: cover;
  padding: 50px 0;
  text-align: center; }
  .sidebar-full h3 {
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    font-size: 1em;
    text-transform: uppercase; }

.quote {
  font-family: "Rubik", sans-serif;
  font-weight: 300;
  font-size: 1.375em;
  line-height: 1.2;
  padding: 20px 0; }
  @media (min-width: 769px) {
    .quote {
      font-size: 2em; } }

.btn {
  font-family: "Rubik", sans-serif;
  font-size: 1em;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  padding: 20px 40px;
  border-radius: 5px;
  background-color: #1991e0; }

.btn-default {
  border: none;
  background: none;
  padding: 10px 20px; }

@media (min-width: 769px) {
  .modal {
    top: 60px; } }

.modal-dialog {
  width: 90%;
  margin: 10px auto; }
  @media (min-width: 769px) {
    .modal-dialog {
      width: 60%; } }

#modalAnalytics .modal-content {
  background: url("../images/sidebar-bg.jpg") bottom center no-repeat #256291; }
  @media (max-width: 768px) {
    #modalAnalytics .modal-content {
      padding: 10px; }
      #modalAnalytics .modal-content > div {
        padding: 5px; } }
#modalAnalytics .btn-default:hover {
  background: none;
  color: #ccc; }

.modal-content {
  background: #1991e0;
  color: white;
  border-radius: 0;
  border: none;
  padding: 20px; }
  .modal-content .modal-header {
    border-bottom: none; }
  .modal-content .modal-body p, .modal-content .modal-body img {
    margin-bottom: 20px; }
  .modal-content .modal-footer {
    border-top: none; }
  .modal-content .modal-title {
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1.2; }
    @media (min-width: 769px) {
      .modal-content .modal-title {
        font-size: 2em; } }

#block2 {
  -skrollr-animation-name: block2;
  z-index: 800; }
  #block2 .content {
    -skrollr-animation-name: block2content; }

.lines-wrap {
  position: relative;
  padding: 30px 0;
  height: 250px; }
  .lines-wrap .divider {
    border-top: 1px solid #ccc;
    padding-top: 20px; }
  .lines-wrap .line {
    position: absolute !important;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 500%;
    left: 50%; }
    @media (min-width: 769px) {
      .lines-wrap .line {
        width: 150%;
        transform: translate(0%, -50%); } }
  .lines-wrap #lineRed {
    -skrollr-animation-name: linered; }
  .lines-wrap #lineBlue {
    -skrollr-animation-name: lineblue; }
  .lines-wrap #lineGreen {
    -skrollr-animation-name: linegreen; }
  .lines-wrap #lineOrange {
    -skrollr-animation-name: lineorange; }
    .lines-wrap #lineOrange img {
      transform: scale(-1); }

#factory-photo {
  -skrollr-animation-name: factoryphoto;
  position: fixed;
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: 799;
  width: 50%;
  display: none; }
  @media (min-width: 769px) {
    #factory-photo {
      display: block; } }

#block3 {
  -skrollr-animation-name: block3;
  z-index: 700;
  background: white;
  padding-bottom: 100px; }
  #block3 .content {
    -skrollr-animation-name: block3content; }

#nuke-towers {
  -skrollr-animation-name: nuketowers;
  padding-top: 20px; }
  #nuke-towers .wrapper {
    position: relative;
    width: 100%;
    height: 100%; }
    #nuke-towers .wrapper .text-behind {
      position: absolute;
      bottom: 30%;
      left: 17%;
      width: 37%; }
    #nuke-towers .wrapper .tower-img {
      position: relative;
      bottom: 0;
      width: 100%; }
    #nuke-towers .wrapper .bar {
      -skrollr-animation-name: bargraph;
      background: #1991e0;
      height: 100%;
      width: 75%;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 0; }

#industrial_bg {
  -skrollr-animation-name: block4bgcontainer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0e3148;
  overflow: hidden; }
  #industrial_bg .layer1 {
    -skrollr-animation-name: block4bg1;
    background: url("../images/network1-01.png") top center no-repeat;
    background-size: cover;
    opacity: .1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    transform: translate(-50%, -50%); }
  #industrial_bg .layer2 {
    -skrollr-animation-name: block4bg2;
    background: url("../images/network2.png") top center no-repeat;
    background-size: cover;
    opacity: .1;
    -webkit-filter: blur(1px);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%); }

#block4 {
  -skrollr-animation-name: block4;
  z-index: 600;
  height: 100%;
  color: white;
  overflow: hidden; }
  #block4 .title-animation {
    text-align: center;
    position: absolute;
    font-family: "Rubik", sans-serif;
    text-transform: uppercase;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 15px;
    -skrollr-animation-name: titleblock; }
    #block4 .title-animation > div {
      line-height: 1; }
    #block4 .title-animation #introducing {
      line-height: 1.5;
      font-size: 24px;
      font-weight: 400;
      -skrollr-animation-name: introducing; }
      @media (min-width: 769px) {
        #block4 .title-animation #introducing {
          font-size: 36px; } }
    #block4 .title-animation #industrial {
      font-weight: 700;
      font-size: 36px;
      color: #1991e0;
      -skrollr-animation-name: industrial; }
      @media (min-width: 769px) {
        #block4 .title-animation #industrial {
          font-size: 88px; } }
    #block4 .title-animation #internet {
      font-weight: 700;
      font-size: 64px;
      -skrollr-animation-name: internet; }
      @media (min-width: 769px) {
        #block4 .title-animation #internet {
          font-size: 150px; } }
  #block4 .intro1 {
    -skrollr-animation-name: intro1;
    position: absolute;
    font-family: "Rubik", sans-serif;
    font-size: 24px;
    width: 100%;
    text-align: center;
    transform: translateY(-50%); }
  #block4 .content {
    -skrollr-animation-name: block4copy;
    position: absolute;
    z-index: 601; }
  #block4 .icon-group {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 599; }
    #block4 .icon-group .icon {
      position: absolute; }
    #block4 .icon-group .icon-electric {
      left: 60%;
      -webkit-filter: blur(2px);
      opacity: .8;
      -skrollr-animation-name: block4iconelectric; }
    #block4 .icon-group .icon-turbine {
      left: 20%;
      -webkit-filter: blur(3px);
      -skrollr-animation-name: block4iconturbine; }
      #block4 .icon-group .icon-turbine img {
        -webkit-transform: scale(-1.2) rotate(90deg);
        transform: scale(-1.2) rotate(90deg); }
    #block4 .icon-group .icon-wind {
      left: 50%;
      -skrollr-animation-name: block4iconwind; }
    #block4 .icon-group .icon-factory {
      left: 80%;
      -webkit-transform: scale(0.85);
      transform: scale(0.85);
      -webkit-filter: blur(1px);
      opacity: .9;
      -skrollr-animation-name: block4iconfactory; }
    #block4 .icon-group .icon-nuclear {
      left: 70%;
      -webkit-filter: blur(1px);
      -skrollr-animation-name: block4iconnuclear; }
    @media (max-width: 992px) {
      #block4 .icon-group .icon-wind {
        display: none; }
      #block4 .icon-group .icon-nuclear {
        left: 70%;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        -webkit-filter: blur(0px); }
      #block4 .icon-group .icon-electric {
        display: none; }
      #block4 .icon-group .icon-factory {
        display: none; } }
  #block4 .sidebar-group {
    -skrollr-animation-name: sidebar-group; }
    @media (min-width: 992px) {
      #block4 .sidebar-group {
        max-width: 600px;
        width: 45%;
        position: fixed;
        z-index: 620; } }
  #block4 .sidebar {
    position: relative;
    width: 49%;
    float: left; }
    #block4 .sidebar .title {
      font-size: .875em;
      font-family: "Rubik", sans-serif; }
      @media (min-width: 769px) {
        #block4 .sidebar .title {
          font-size: 1.125em;
          height: 50%; } }

.sidebar {
  background: #1991e0;
  color: white;
  padding: 10px 10px 35px;
  margin: 1px;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-transition: scale .25s;
  transition: scale .25s;
  height: 200px; }
  .sidebar:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.25);
    -webkit-transition: scale .25s;
    transition: scale .25s; }
  .sidebar .title {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1.375em; }
  .sidebar .desc {
    margin-bottom: 20px; }
  .sidebar a {
    color: white;
    font-weight: 700; }
  .sidebar .btn {
    position: absolute;
    bottom: 20px;
    font-size: .875em;
    font-weight: 400;
    padding: 0;
    background: none;
    border: none;
    text-transform: none; }
  @media (min-width: 769px) {
    .sidebar {
      padding: 20px; } }

#block5 {
  -skrollr-animation-name: block5;
  z-index: 400;
  height: 100%; }
  #block5 .title-animation {
    text-align: center;
    position: absolute;
    font-family: "Rubik", sans-serif;
    text-transform: uppercase;
    width: 100%;
    padding: 20px;
    top: 50%;
    transform: translateY(-50%);
    -skrollr-animation-name: block5title; }
    #block5 .title-animation > div {
      line-height: 1; }
    #block5 .title-animation #theres {
      -skrollr-animation-name: theres;
      line-height: 1.5;
      font-size: 36px;
      font-weight: 400; }
    #block5 .title-animation #bigmoney {
      font-weight: 700;
      font-size: 56px;
      color: #1991e0;
      -skrollr-animation-name: bigmoney; }
    #block5 .title-animation #iiot {
      font-weight: 400;
      font-size: 56px;
      -skrollr-animation-name: iiot; }
      #block5 .title-animation #iiot span {
        text-transform: lowercase; }
    @media (min-width: 769px) {
      #block5 .title-animation #iiot {
        font-size: 164px; }
      #block5 .title-animation #bigmoney {
        font-size: 150px; } }
  #block5 .source {
    font-size: 12px;
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 10px;
    background: white;
    height: 40px;
    text-align: right;
    -skrollr-animation-name: b5source; }
  #block5 .intro1 {
    -skrollr-animation-name: b5intro1;
    position: absolute;
    font-family: "Rubik", sans-serif;
    top: 120%;
    text-align: center;
    color: #1991e0;
    font-size: 1.875em;
    transform: translateY(-50%);
    line-height: 1.2;
    width: 100%;
    padding: 20px; }
    @media (min-width: 769px) {
      #block5 .intro1 {
        font-size: 2.875em; } }
    #block5 .intro1 .line2 {
      font-size: 1.5em;
      font-weight: 700; }
  #block5 .intro2 {
    -skrollr-animation-name: b5intro2;
    position: absolute;
    font-family: "Rubik", sans-serif;
    top: 120%;
    text-align: center;
    color: #1991e0;
    transform: translateY(-50%);
    line-height: 1.2;
    width: 100%;
    padding: 20px;
    text-align: left; }
    #block5 .intro2 .globe {
      text-align: center;
      font-weight: 700;
      font-size: 1em;
      text-transform: uppercase;
      background: url("../images/globe.png") center center no-repeat;
      background-size: contain;
      width: 90%;
      height: 300px;
      margin: 0 auto; }
      #block5 .intro2 .globe div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      #block5 .intro2 .globe .large-figure {
        font-size: 7em;
        line-height: 1; }
    #block5 .intro2 .line1 {
      font-size: 1.5em;
      text-align: center; }
    @media (min-width: 769px) {
      #block5 .intro2 .globe {
        width: 100%;
        min-height: 300px; }
      #block5 .intro2 .line1 {
        font-size: 2.5em;
        text-align: left;
        min-height: 300px; }
        #block5 .intro2 .line1 div {
          position: absolute;
          top: 50%;
          transform: translateY(-50%); } }
  #block5 .content {
    -skrollr-animation-name: b5copy;
    position: absolute; }
  #block5 .article-photo {
    -skrollr-animation-name: b5photo; }
    #block5 .article-photo img {
      margin-bottom: 20px; }
    @media (min-width: 992px) {
      #block5 .article-photo {
        position: absolute; } }

#block6 {
  -skrollr-animation-name: block6;
  width: 100%;
  z-index: 600;
  color: white; }
  #block6 .left {
    background: #195983;
    height: 100%;
    padding: 0 15px; }
    #block6 .left .content {
      max-width: 600px;
      margin: 0 auto;
      width: 90%;
      -skrollr-animation-name: b6contentscroll; }
      #block6 .left .content .section-title {
        text-align: center;
        line-height: 1; }
      #block6 .left .content .mobile-image {
        text-align: center;
        margin-bottom: 30px; }
    @media (min-width: 992px) {
      #block6 .left {
        width: 53%;
        position: absolute;
        top: 0;
        left: 0; }
        #block6 .left .content .mobile-image {
          display: none; }
        #block6 .left .content .section-title {
          text-align: left; } }
  #block6 .right {
    background: #333;
    width: 48%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: none;
    /*
    .wall-holder {
    	position: absolute;
    	width: 411px;
    	height: 427px;
    	top:50%;
    	left:50%;
    	transform: translate(-50%,-50%);
    	
    	#brick1 {
    		left:66%;
    		bottom:26%;
    	}
    	#brick2 {
    		bottom: 13%;
    		left:33%;
    	}
    	#brick3 {
    		bottom: 0px;
    		left:0;
    	}
    	.brick {
    		position: absolute;
    		background: url("../images/brick.png") top left no-repeat;
    		background-size: 100%;
    		width:46.5%;
    		height: 35%;
    	}
    	*/ }
    @media (min-width: 992px) {
      #block6 .right {
        display: block; } }
    #block6 .right .wall-holder {
      position: absolute;
      width: 411px;
      height: 427px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      #block6 .right .wall-holder #brick3, #block6 .right .wall-holder #brick6, #block6 .right .wall-holder #brick6, #block6 .right .wall-holder #brick12 {
        left: 0; }
      #block6 .right .wall-holder #brick2, #block6 .right .wall-holder #brick5, #block6 .right .wall-holder #brick8, #block6 .right .wall-holder #brick11 {
        left: 120px; }
      #block6 .right .wall-holder #brick1, #block6 .right .wall-holder #brick4, #block6 .right .wall-holder #brick7, #block6 .right .wall-holder #brick10 {
        left: 240px; }
      #block6 .right .wall-holder #brick1 {
        bottom: 100px; }
      #block6 .right .wall-holder #brick2 {
        bottom: 50px; }
      #block6 .right .wall-holder #brick3 {
        bottom: 0px; }
      #block6 .right .wall-holder #brick4 {
        bottom: 164px; }
      #block6 .right .wall-holder #brick5 {
        bottom: 114px; }
      #block6 .right .wall-holder #brick6 {
        bottom: 64px; }
      #block6 .right .wall-holder #brick7 {
        bottom: 228px; }
      #block6 .right .wall-holder #brick8 {
        bottom: 178px; }
      #block6 .right .wall-holder #brick9 {
        bottom: 128px;
        -skrollr-animation-name: brick9; }
      #block6 .right .wall-holder #brick10 {
        bottom: 292px;
        -skrollr-animation-name: brick10; }
      #block6 .right .wall-holder #brick11 {
        bottom: 242px;
        -skrollr-animation-name: brick11; }
      #block6 .right .wall-holder #brick12 {
        bottom: 192px;
        -skrollr-animation-name: brick12; }
      #block6 .right .wall-holder .brick {
        position: absolute;
        background: url("../images/brick.png") top left no-repeat;
        background-size: 100%;
        width: 170px;
        height: 132px; }
      #block6 .right .wall-holder #lock-disk {
        -skrollr-animation-name: lockdisk;
        position: absolute;
        z-index: 500;
        width: 244px;
        left: 75%;
        top: 75%;
        transform: translate(-50%, -50%); }

#block7 {
  z-index: 700;
  background: white;
  -skrollr-animation-name: block7; }
  #block7 .content {
    -skrollr-animation-name: block7copy;
    z-index: 700; }
  #block7 .sidebar {
    -skrollr-animation-name: block7sidebar;
    height: auto;
    position: relative;
    z-index: 701;
    padding-bottom: 40px;
    width: 100%; }
    @media (min-width: 992px) {
      #block7 .sidebar {
        position: fixed;
        width: 40%;
        right: 25px;
        padding-bottom: 45px; } }

#block8 {
  -skrollr-animation-name: block8;
  background: #1991e0;
  color: white;
  z-index: 800; }
  #block8 .nuclear-bg {
    -skrollr-animation-name: nuclearbg;
    display: none; }
    @media (min-width: 769px) {
      #block8 .nuclear-bg {
        background: url("../images/nuclear-bg.jpg") top center no-repeat;
        background-size: cover;
        position: fixed;
        z-index: 351;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        display: block; } }
  #block8 .title-animation {
    text-align: center;
    position: absolute;
    z-index: 352;
    font-family: "Rubik", sans-serif;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 20px;
    -skrollr-animation-name: block8title; }
    #block8 .title-animation > div {
      line-height: 1; }
    #block8 .title-animation .whereto {
      -skrollr-animation-name: b8whereto;
      font-size: 3.5em; }
    #block8 .title-animation .start {
      -skrollr-animation-name: b8start;
      font-size: 5.5em;
      font-weight: 700; }
    @media (min-width: 769px) {
      #block8 .title-animation .whereto {
        font-size: 6em; }
      #block8 .title-animation .start {
        font-size: 9em; } }
  #block8 .article-copy {
    position: absolute;
    top: 0;
    z-index: 353;
    -skrollr-animation-name: b8copy; }
    @media (min-width: 769px) {
      #block8 .article-copy ul {
        margin-bottom: 750px; }
      #block8 .article-copy .nuclear-block {
        color: #666;
        padding: 100px 0; }
        #block8 .article-copy .nuclear-block .copy-bg {
          background: white;
          padding: 40px; } }
  #block8 .background {
    transform: rotate(40deg) translate(10%, 10%);
    z-index: 349; }
    #block8 .background .path {
      width: 150%;
      height: 0;
      border-top: 3px dashed white;
      position: absolute;
      top: 50%;
      left: -25%;
      opacity: .35; }
    #block8 .background .icon {
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      display: inline;
      width: 175px; }
      #block8 .background .icon img {
        transform: rotate(-45deg); }
    #block8 .background .icon-group {
      -skrollr-animation-name: b8icongroup;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      display: none; }
      #block8 .background .icon-group img {
        transform: rotate(-45deg); }
    #block8 .background .icon-start {
      -skrollr-animation-name: b8iconstart; }
    #block8 .background .icon-data {
      -skrollr-animation-name: b8icondata; }
    #block8 .background .icon-monitor {
      -skrollr-animation-name: b8iconmonitor; }
    #block8 .background .icon-analyze {
      -skrollr-animation-name: b8iconanalyze; }
    #block8 .background .icon-predict {
      -skrollr-animation-name: b8iconpredict; }
    #block8 .background .icon-optimize {
      -skrollr-animation-name: b8iconoptimize; }
    @media (min-width: 769px) {
      #block8 .background .icon-group {
        display: inline; } }

#digital-bg {
  -skrollr-animation-name: block9bg;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  background: url("../images/digitalpowerplant-bg.jpg") top left;
  background-size: cover; }
  #digital-bg .pixel-wrap {
    -skrollr-animation-name: block9bgpixels;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    #digital-bg .pixel-wrap .pixels {
      width: 100%; }
      #digital-bg .pixel-wrap .pixels:nth-child(2) {
        opacity: .75;
        transform: rotate(180deg); }

#block9 {
  -skrollr-animation-name: block9;
  z-index: 250;
  color: white; }
  #block9 .title-animation {
    -skrollr-animation-name: block9title;
    position: absolute; }
  #block9 .section-title {
    top: 50%;
    width: 100%;
    position: absolute;
    transform: translateY(-50%);
    text-align: center;
    font-size: 3.5em; }
    @media (min-width: 769px) {
      #block9 .section-title {
        font-size: 5em; } }

#block10 {
  -skrollr-animation-name: block10;
  background: black;
  color: white;
  z-index: 251; }
  #block10 .article-copy {
    padding: 100px 0; }
  #block10 .video-player {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    margin-bottom: 10px;
    height: 0; }
    #block10 .video-player iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

#block11 {
  -skrollr-animation-name: block11;
  background: white;
  z-index: 200; }
  #block11 .section-title {
    color: #005b80;
    text-align: center; }
  #block11 h4 {
    color: #005b80;
    font-size: 2em;
    margin: 100px 0 25px;
    font-family: "Rubik", sans-serif;
    font-weight: 700; }
  #block11 .content {
    -skrollr-animation-name: block11copy; }

#block12 {
  -skrollr-animation-name: block12;
  background: #005b80;
  background: -webkit-linear-gradient(#005b80, #0f3248);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#005b80, #0f3248);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#005b80, #0f3248);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#005b80, #0f3248);
  /* Standard syntax */
  color: white;
  z-index: 201;
  overflow: hidden;
  font-family: "Rubik", sans-serif; }
  #block12 .background {
    position: relative;
    top: 0;
    margin: 0 auto;
    width: 1280px;
    z-index: 400; }
    #block12 .background .gear {
      position: absolute;
      width: auto;
      left: 7%; }
    #block12 .background #gear1 {
      -skrollr-animation-name: gear1;
      top: 20%; }
    #block12 .background #gear2 {
      -skrollr-animation-name: gear2;
      left: 33%;
      top: 30%; }
    #block12 .background #gear3 {
      -skrollr-animation-name: gear3;
      left: 55%;
      top: 35%; }
    #block12 .background #gear4 {
      -skrollr-animation-name: gear4;
      left: 75%;
      top: 25%;
      width: 350px;
      height: 350px; }
    #block12 .background #gear5 {
      -skrollr-animation-name: gear5;
      left: 100%;
      top: 20%;
      width: 400px;
      height: 400px; }
  #block12 .title {
    text-align: center;
    position: absolute;
    z-index: 401;
    top: 50%;
    transform: translateY(-50%);
    -skrollr-animation-name: b12title; }
    #block12 .title #innovation {
      font-size: 3em;
      font-weight: 700;
      line-height: 1;
      text-transform: uppercase;
      color: #1991e0; }
    #block12 .title #wontstop {
      font-size: 3em;
      font-weight: 300;
      line-height: 1;
      text-transform: uppercase; }
    @media (min-width: 769px) {
      #block12 .title #innovation {
        font-size: 8em; }
      #block12 .title #wontstop {
        font-size: 8.5em; } }
  #block12 .content {
    -skrollr-animation-name: b12content;
    transform: translateY(-50%);
    position: absolute;
    text-align: center; }
    @media (min-width: 480px) {
      #block12 .content .article-copy {
        font-size: 1.375em;
        line-height: 1.6; } }
  #block12 .article-copy {
    padding: 100px 0; }

#block13 {
  -skrollr-animation-name: block13;
  z-index: 300;
  color: white; }
  #block13 .content {
    -skrollr-animation-name: b13content;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 0; }
    #block13 .content .container {
      height: 50%; }
    #block13 .content .quote {
      margin-bottom: 10%;
      font-size: 1.25em;
      text-align: center; }
      @media (min-width: 769px) {
        #block13 .content .quote {
          font-size: 2em; } }
  #block13 .author-block {
    background: #333;
    color: white;
    height: 30%;
    padding: 25px 0;
    text-align: center;
    position: relative; }
    #block13 .author-block .author-pic {
      width: 75px;
      height: 75px;
      background: #ccc;
      border-radius: 50px;
      margin: 0 auto; }
    #block13 .author-block .author {
      padding-top: 15px;
      font-family: "Rubik", sans-serif; }
      @media (min-width: 992px) {
        #block13 .author-block .author {
          position: absolute;
          font-size: 1.25em;
          padding-top: 0;
          left: 0;
          top: 50%;
          transform: translateY(-50%); } }
  #block13 .disclaimer {
    height: 20%;
    background: black;
    padding: 20px 0;
    color: #999;
    font-size: 12px;
    line-height: 1.2; }
    @media (min-width: 769px) {
      #block13 .disclaimer {
        font-size: 16px; } }

@-skrollr-keyframes intro {
  _top {
    top: 0%; }
  _top-250p {
    top: 0%; }
  _top-300p {
    top: -100%; } }
@-skrollr-keyframes disclaimerintro {
  _top {
    transform: translateY(0%); }
  _top-50p {
    transform: translateY(0%); }
  _top-100p {
    transform: translateY(100%); } }
@-skrollr-keyframes sponsor {
  _top {
    opacity: 1; }
  _intro_end--500 {
    opacity: 1; }
  _intro_end {
    opacity: 0; } }
@-skrollr-keyframes main-title {
  _top {
    top: 13%; }
  _top-100p {
    top: -100%; } }
@-skrollr-keyframes arrow {
  _top {
    opacity: 1; }
  _top-100p {
    opacity: 0; } }
@-skrollr-keyframes intro-text-1 {
  _top {
    top: 150%; }
  _top-50p {
    top: 150%; }
  _top-100p {
    top: 50%; }
  _top-150p {
    top: 50%; }
  _top-200p {
    top: -50%; } }
@-skrollr-keyframes intro-text-2 {
  _top {
    top: 150%; }
  _top-150p {
    top: 150%; }
  _top-200p {
    top: 50%; }
  _top-250p {
    top: 50%; }
  _top-300p {
    top: -50%; } }
@-skrollr-keyframes block1 {
  _top {
    top: 100%; }
  _top-250p {
    top: 100%;
    transform: translate(0%, 0%); }
  _block1_top {
    top: 0%;
    transform: translate(0%, 0%); }
  _block1_length {
    transform: translate(0%, -100%); } }
@-skrollr-keyframes icon-turbine {
  _block1_top--500 {
    top: 50%; }
  _block2_top {
    top: -60%; } }
@-skrollr-keyframes icon-nuclear {
  _block1_top--500 {
    top: 50%; }
  _block2_top {
    top: 30%; } }
@-skrollr-keyframes icon-factory {
  _block1_top--500 {
    top: 70%; }
  _block2_top {
    top: 0%; } }
@-skrollr-keyframes icon-wind {
  _block1_top--500 {
    top: 70%; }
  _block2_top {
    top: 20%; } }
@-skrollr-keyframes icon-electric {
  _block1_top--500 {
    top: 10%; }
  _block2_top {
    top: 5%; } }
@-skrollr-keyframes block2 {
  _top {
    top: 100%; }
  _block2_top--100p {
    top: 100%; }
  _block2_top {
    top: 0%;
    transform: translate(0%, 0%); }
  _block2_length {
    transform: translate(0%, -100%); } }
@-skrollr-keyframes linered {
  _block2_top--100p {
    left: 0%; }
  _block2_length {
    left: -50%; } }
@-skrollr-keyframes lineblue {
  _block2_top--100p {
    left: 0%; }
  _block2_length {
    left: -40%; } }
@-skrollr-keyframes linegreen {
  _block2_top--100p {
    left: 0%; }
  _block2_length {
    left: -50%; } }
@-skrollr-keyframes lineorange {
  _block2_top--100p {
    left: 0%; }
  _block2_length {
    left: -20%; } }
@-skrollr-keyframes factoryphoto {
  _top {
    opacity: 0; }
  _block2_top--100p {
    opacity: 0; }
  _block2_top--50p {
    opacity: .8; }
  _block2_top {
    opacity: .8; }
  _block2_length--50p {
    opacity: 0;
    bottom: 0; }
  _block2_length {
    opacity: 0;
    bottom: 100%; } }
@-skrollr-keyframes block3 {
  start {
    top: 100%; }
  _block3_top--100p {
    top: 100%; }
  _block3_top {
    top: 0%;
    transform: translate(0%, 0%); }
  _block3_length {
    transform: translate(0%, -100%); } }
@-skrollr-keyframes bargraph {
  start {
    height: 100%; }
  _block3_top--100p {
    height: 100%; }
  _block3_top--50p {
    height: 100%; }
  _block3_top--10p {
    height: 25%; } }
@-skrollr-keyframes block4 {
  start {
    top: 100%; }
  _block4_top--100p {
    top: 100%; }
  _block4_top {
    top: 0%;
    transform: translate(0%, 0%); }
  _block4_length--100p {
    transform: translate(0%, 0%); }
  _block4_length {
    transform: translate(0%, -100%); } }
@-skrollr-keyframes block4bg1 {
  start {
    top: 70%; }
  _block4_top--100p {
    top: 70%; }
  _block4_length {
    top: 40%; } }
@-skrollr-keyframes block4bg2 {
  start {
    top: 60%; }
  _block4_top--100p {
    top: 60%; }
  _block4_length {
    top: 50%; } }
@-skrollr-keyframes titleblock {
  start {
    top: 50%; }
  _block4_top {
    top: 50%; }
  _block4_top-100p {
    top: 50%; }
  _block4_top-150p {
    top: -50%; } }
@-skrollr-keyframes introducing {
  start {
    top: 100%;
    opacity: 0; }
  _block4_top--50p {
    top: 50%;
    opacity: 0; }
  _block4_top {
    top: 0px;
    opacity: 1; } }
@-skrollr-keyframes industrial {
  start {
    top: 500px;
    opacity: 0; }
  _block4_top--50p {
    top: 500px;
    opacity: 0;
    -webkit-filter: blur(3px);
    transform: scale(5); }
  _block4_top {
    top: 0;
    opacity: 1;
    -webkit-filter: blur(0px);
    transform: scale(1); } }
@-skrollr-keyframes internet {
  start {
    top: 500px;
    opacity: 0; }
  _block4_top--50p {
    top: 1000px;
    opacity: 0;
    -webkit-filter: blur(3px);
    transform: scale(5); }
  _block4_top-50p {
    top: 0;
    opacity: 1;
    -webkit-filter: blur(0px);
    transform: scale(1); } }
@-skrollr-keyframes intro1 {
  start {
    top: 150%; }
  _block4_top-100p {
    top: 150%; }
  _block4_top-250p {
    top: -50%; } }
@-skrollr-keyframes block4copy {
  _top {
    top: 100%; }
  _block4_top-200p {
    top: 100%; }
  _block4_top-300p {
    top: 0%;
    transform: translateY(0%); }
  _block4_length {
    transform: translateY(-100%); } }
@-skrollr-keyframes sidebar-group {
  _top {
    top: 0%; }
  _block4_top-250p {
    top: 0%; }
  _block4_length--100p {
    top: 70%; } }
@-skrollr-keyframes block4iconelectric {
  _top {
    top: 120%; }
  _block4_top--100p {
    top: 120%; }
  _block4_length--100p {
    top: -20%; } }
@-skrollr-keyframes block4iconturbine {
  start {
    top: 100%; }
  _block4_top-100p {
    top: 130%; }
  _block4_top-325p {
    top: -50%; } }
@-skrollr-keyframes block4iconwind {
  start {
    top: 100%; }
  _block4_top-150p {
    top: 100%; }
  _block4_length--100p {
    top: -20%; } }
@-skrollr-keyframes block4iconfactory {
  _top {
    top: 110%; }
  _block4_top-100p {
    top: 110%; }
  _block4_length--50p {
    top: -10%; } }
@-skrollr-keyframes block4iconnuclear {
  _top {
    top: 100%; }
  _block4_top-250p {
    top: 100%; }
  _block4_length--50p {
    top: -10%; } }
@-skrollr-keyframes block5 {
  _top {
    top: 100%; }
  _block5_top--100p {
    top: 100%; }
  _block5_top {
    top: 0%;
    transform: translateY(0%); }
  _block5_length {
    transform: translateY(0%); }
  _block5_length-100p {
    transform: translateY(-100%); } }
@-skrollr-keyframes bigmoney {
  start {
    top: 1000px;
    opacity: 0; }
  _block5_top {
    top: 500px;
    opacity: 0;
    -webkit-transform: scale(5);
    transform: scale(5);
    -webkit-filter: blur(5px);
    filter: blur(5px); }
  _block5_top-100p {
    top: 0px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px); } }
@-skrollr-keyframes iiot {
  start {
    top: 1000px; }
  _block5_top {
    top: 1000px; }
  _block5_top-100p {
    top: 0px; } }
@-skrollr-keyframes block5title {
  _block5_top-150p {
    top: 50%; }
  _block5_top-200p {
    top: -50%; } }
@-skrollr-keyframes b5intro1 {
  _block5_top-150p {
    top: 120%; }
  _block5_top-200p {
    top: 55%; }
  _block5_top-250p {
    top: 45%; }
  _block5_top-300p {
    top: -50%; } }
@-skrollr-keyframes b5intro2 {
  _block5_top-250p {
    top: 150%; }
  _block5_top-300p {
    top: 55%; }
  _block5_top-350p {
    top: 45%; }
  _block5_top-400p {
    top: -50%; } }
@-skrollr-keyframes b5source {
  _block5_top-150p {
    bottom: -40px; }
  _block5_top-200p {
    bottom: 0px; }
  _block5_top-350p {
    bottom: 0px;
    opacity: 1; }
  _block5_top-400p {
    bottom: -40px;
    opacity: 0; } }
@-skrollr-keyframes b5copy {
  _block5_top {
    top: 100%; }
  _block5_top-350p {
    top: 100%; }
  _block5_top-400p {
    top: 0%;
    transform: translateY(0%); }
  _block5_length {
    transform: translateY(-100%); } }
@-skrollr-keyframes b5photo {
  _block5_top {
    left: 100%; }
  _block5_top-325p {
    left: 100%; }
  _block5_top-375p {
    left: 0%; } }
@-skrollr-keyframes block6 {
  _top {
    top: 100%; }
  _block6_top--100p {
    top: 100%; }
  _block6_top {
    top: 0%;
    transform: translateY(0%); }
  _block6_length {
    transform: translateY(0%); }
  _block6_length-100p {
    transform: translateY(-100%); } }
@-skrollr-keyframes b6contentscroll {
  start {
    transform: translate(0%, 0%); }
  _block6_top {
    transform: translate(0%, 0%); }
  _block6_length {
    transform: translate(0%, -120%); } }
@-skrollr-keyframes lockdisk {
  start {
    top: 150%;
    left: 150%; }
  _block6_top--200 {
    top: 150%;
    left: 150%; }
  _block6_top-200 {
    top: 60%;
    left: 60%; } }
@-skrollr-keyframes brick12 {
  start {
    bottom: 1200px; }
  _block6_top--500 {
    bottom: 1200px; }
  _block6_top {
    bottom: 192px; } }
@-skrollr-keyframes brick11 {
  start {
    bottom: 900px; }
  _block6_top--550 {
    bottom: 900px; }
  _block6_top {
    bottom: 242px; } }
@-skrollr-keyframes brick10 {
  start {
    bottom: 800px; }
  _block6_top--600 {
    bottom: 800px; }
  _block6_top {
    bottom: 292px; } }
@-skrollr-keyframes brick9 {
  start {
    bottom: 600px; }
  _block6_top--600 {
    bottom: 600px; }
  _block6_top {
    bottom: 128px; } }
@-skrollr-keyframes block7 {
  _top {
    top: 100%; }
  _block7_top--100p {
    top: 100%; }
  _block7_top {
    top: 0%;
    transform: translateY(0%); }
  _block7_length {
    transform: translateY(0%); }
  _block7_length-100p {
    transform: translateY(-100%); } }
@-skrollr-keyframes block7copy {
  _block7_top {
    transform: translateY(0%); }
  _block7_length {
    transform: translateY(-100%); } }
@-skrollr-keyframes block7sidebar {
  _block7_top {
    top: 10%; }
  _block7_length {
    top: 90%; } }
@-skrollr-keyframes block8 {
  _top {
    top: 100%; }
  _block8_top--100p {
    top: 100%; }
  _block8_top {
    top: 0%;
    transform: translateY(0%); }
  _block8_length {
    transform: translateY(0%); }
  _block8_length-100p {
    transform: translateY(-100%); } }
@-skrollr-keyframes block8title {
  _block8_top {
    top: 50%; }
  _block8_top-100p {
    top: 50%; }
  _block8_top-200p {
    top: -50%; } }
@-skrollr-keyframes b8whereto {
  _block8_top--75p {
    left: -100%; }
  _block8_top {
    left: 0%; } }
@-skrollr-keyframes b8start {
  _block8_top--75p {
    right: -100%; }
  _block8_top {
    right: 0%; } }
@-skrollr-keyframes b8iconstart {
  _block8_top--50p {
    left: 150%; }
  _block8_top-100p {
    left: 50%; }
  _block8_top-250p {
    left: -50%; } }
@-skrollr-keyframes b8copy {
  _block8_top {
    top: 100%; }
  _block8_top-100p {
    top: 100%;
    transform: translateY(0%); }
  _block8_length {
    transform: translateY(-100%); } }
@-skrollr-keyframes nuclearbg {
  _block8_top {
    opacity: 0; }
  _block8_top-450p {
    opacity: 0; }
  _block8_top-550p {
    opacity: 1; } }
@-skrollr-keyframes b8icongroup {
  _block8_top {
    left: 150%; }
  _block8_top-225p {
    left: 150%; }
  _block8_top-425p {
    left: -50%; } }
@-skrollr-keyframes b8icondata {
  _block8_top {
    left: 150%; }
  _block8_top-1000 {
    left: 150%; }
  _block8_top-3000 {
    left: -50%; } }
@-skrollr-keyframes b8iconmonitor {
  _block8_top {
    left: 150%; }
  _block8_top-1150 {
    left: 150%; }
  _block8_top-3150 {
    left: -50%; } }
@-skrollr-keyframes b8iconanalyze {
  _block8_top {
    left: 150%; }
  _block8_top-1300 {
    left: 150%; }
  _block8_top-3300 {
    left: -50%; } }
@-skrollr-keyframes b8iconpredict {
  _block8_top {
    left: 150%; }
  _block8_top-1450 {
    left: 150%; }
  _block8_top-3450 {
    left: -50%; } }
@-skrollr-keyframes b8iconoptimize {
  _block8_top {
    left: 150%; }
  _block8_top-1600 {
    left: 150%; }
  _block8_top-3600 {
    left: -50%; } }
@-skrollr-keyframes b8nuclearbg {
  _block8_top {
    top: 100%; }
  _block8_top-3600 {
    top: 100%; }
  _block9_top--500 {
    top: -100%; } }
@-skrollr-keyframes block9 {
  _top {
    top: 100%; }
  _block9_top--100p {
    top: 100%; }
  _block9_top {
    top: 0%;
    transform: translateY(0%); }
  _block9_length {
    transform: translateY(0%); }
  _block9_length-100p {
    transform: translateY(-100%); } }
@-skrollr-keyframes block9bgpixels {
  start {
    opacity: 1; }
  _block9_top-100p {
    opacity: 1; }
  _block9_top-300p {
    opacity: .5; } }
@-skrollr-keyframes block9title {
  start {
    transform: translate(0%, 0%); }
  _block9_top-200p {
    transform: translate(0%, 0%); }
  _block9_top-300p {
    transform: translate(0%, -100%); } }
@-skrollr-keyframes block10 {
  _top {
    top: 100%; }
  _block10_top--100p {
    top: 100%; }
  _block10_top {
    top: 0%;
    transform: translate(0%, 0%); }
  _block10_length {
    transform: translate(0%, -100%); } }
@-skrollr-keyframes block11 {
  _top {
    top: 100%; }
  _block11_top--100p {
    top: 100%; }
  _block11_top {
    top: 0%;
    transform: translateY(0%); }
  _block11_length {
    transform: translateY(0%); }
  _block11_length-100p {
    transform: translateY(-100%); } }
@-skrollr-keyframes block11copy {
  _top {
    top: 0%; }
  _block11_top {
    top: 0%;
    transform: translateY(0%); }
  _block11_length {
    transform: translateY(-110%); } }
@-skrollr-keyframes block12 {
  _top {
    top: 100%; }
  _block12_top--100p {
    top: 100%; }
  _block12_top {
    top: 0%;
    transform: translateY(0%); } }
@-skrollr-keyframes b12title {
  _block12_top {
    top: 50%; }
  _block12_top-100p {
    top: 50%; }
  _block12_top-200p {
    top: -50%; } }
@-skrollr-keyframes b12content {
  _block12_top {
    top: 150%; }
  _block12_top-100p {
    top: 150%; }
  _block12_top-200p {
    top: 50%; }
  _block12_length-100p {
    top: -50%; } }
@-skrollr-keyframes gear1 {
  _block12_top--100p {
    transform: translate(-50%, -50%) rotate(0deg); }
  _block12_length-100p {
    transform: translate(-50%, -50%) rotate(720deg); } }
@-skrollr-keyframes gear2 {
  _block12_top--100p {
    transform: translate(-50%, -50%) scale(0.5) rotate(30deg); }
  _block12_length-100p {
    transform: translate(-50%, -50%) scale(0.5) rotate(-900deg); } }
@-skrollr-keyframes gear3 {
  _block12_top--100p {
    transform: translate(-50%, -50%) scale(0.75) rotate(0deg); }
  _block12_length-100p {
    transform: translate(-50%, -50%) scale(0.75) rotate(720deg); } }
@-skrollr-keyframes gear4 {
  _block12_top--100p {
    transform: translate(-50%, -50%) scale(0.75) rotate(0deg); }
  _block12_length-100p {
    transform: translate(-50%, -50%) scale(0.75) rotate(-900deg); } }
@-skrollr-keyframes gear5 {
  _block12_top--100p {
    transform: translate(-50%, -50%) scale(1) rotate(0deg); }
  _block12_length-100p {
    transform: translate(-50%, -50%) scale(1) rotate(720deg); } }
@-skrollr-keyframes block13 {
  _top {
    top: 100%; }
  _block13_top {
    top: 100%; }
  _block13_top-100p {
    top: 0%; } }
@-skrollr-keyframes b13content {
  _top {
    transform: translateY(100%); }
  _block13_top--100p {
    transform: translateY(100%); }
  _block13_top {
    transform: translateY(0%); } }