@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url('../font/icomoon.eot?-tyfaih');
  src: url('../font/icomoon.eot?#iefix-tyfaih') format('embedded-opentype'), url('../font/icomoon.woff?-tyfaih') format('woff'), url('../font/icomoon.ttf?-tyfaih') format('truetype'), url('../font/icomoon.svg?-tyfaih#icomoon') format('svg');
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-angellist:before {
  content: "\e60d"; }

.icon-arrow-share:before {
  content: "\e60e"; }

.icon-logo-h1:before {
  content: "\e608"; }

.icon-arrow-right:before {
  content: "\e60a"; }

.icon-arrow-left:before {
  content: "\e605"; }

.icon-arrow-blog:before {
  content: "\e606"; }

.icon-arrow-bottom:before {
  content: "\e607"; }

.icon-grid:before {
  content: "\e60f"; }

.icon-close:before {
  content: "\e610"; }

.icon-play2:before {
  content: "\e609"; }

.icon-social-twitter:before {
  content: "\e601"; }

.icon-social-linkedin:before {
  content: "\e602"; }

.icon-social-facebook:before {
  content: "\e603"; }

.icon-location:before {
  content: "\e60b"; }

.icon-play:before {
  content: "\e604"; }

.icon-mail:before {
  content: "\e611"; }

.icon-google:before {
  content: "\e612"; }

.icon-instagram:before {
  content: "\e60c"; }

.icon-sina-weibo:before {
  content: "\e600"; }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
body {
  background: #FFF; }

#master {
  height: auto;
  min-height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }

#main-banner {
  left: 30px;
  position: absolute;
  top: 30px;
  height: 48px;
  position: fixed;
  right: 0;
  z-index: 10; }
  #main-banner .logo {
    display: block;
    height: 100%;
    width: 196px; }
  #main-banner .logo__visual {
    left: 30px;
    position: absolute;
    top: 30px;
    height: 48px;
    position: fixed;
    width: 196px; }
    #main-banner .logo__visual svg {
      display: block;
      height: 100%;
      width: 100%; }
      #main-banner .logo__visual svg path {
        fill: #FFF;
        -webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1); }
        .skin--isdark #main-banner .logo__visual svg path:nth-child(1), .skin--isdark #main-banner .logo__visual svg path:nth-child(3), .skin--isdark #main-banner .logo__visual svg path:nth-child(4) {
          fill: #1f2a44; }
        .skin--isdark #main-banner .logo__visual svg path:nth-child(2), .skin--isdark #main-banner .logo__visual svg path:nth-child(5) {
          fill: #4c88ad; }
  #main-banner .menu {
    position: absolute;
    right: 0;
    top: 30px;
    height: 48px;
    position: fixed; }
    #main-banner .menu a {
      display: block;
      float: left; }
  #main-banner .gen__button--apply {
    line-height: 48px; }
  .is--lightened #main-banner .logo__visual svg path:nth-child(1), .is--lightened #main-banner .logo__visual svg path:nth-child(2), .is--lightened #main-banner .logo__visual svg path:nth-child(3) {
    opacity: 0;
    filter: alpha(opacity=0); }
  .has--sticky #main-banner svg path, .mainnav--isOpened #main-banner svg path {
    fill: #FFF !important; }

#main-content {
  display: block;
  height: auto;
  margin: 0 0 0;
  position: relative;
  width: 100%;
  z-index: 0; }

#main-footer {
  margin: 0 0 0; }

.footer__features {
  display: block;
  overflow: hidden;
  position: relative; }
  .footer__features .gen__bg {
    position: relative; }
  .footer__features .misc .button span {
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative; }
    .footer__features .misc .button span:after, .footer__features .misc .button span::after {
      left: 0;
      position: absolute;
      top: auto;
      background: #FFF;
      bottom: -3px;
      content: " ";
      display: block;
      height: 0;
      -webkit-transition: height 100ms ease-out;
      -moz-transition: height 100ms ease-out;
      -ms-transition: height 100ms ease-out;
      -o-transition: height 100ms ease-out;
      transition: height 100ms ease-out;
      width: 100%; }
  .footer__features .misc .button:hover span:after, .footer__features .misc .button:hover span::after {
    height: 3px; }
  .footer__features .misc .button:after {
    background: #FFF;
    content: " ";
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 17px;
    margin: 0 10px;
    position: relative;
    top: 4px;
    width: 2px; }
  .footer__features .misc .button:last-child:after {
    display: none; }
  .footer__features .social .icon {
    border: 2px solid #FFF;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    -ms-border-radius: 44px;
    -o-border-radius: 44px;
    border-radius: 44px;
    color: #FFF;
    font-size: 25px;
    height: 44px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    line-height: 44px;
    margin: 0 5px;
    position: relative;
    -webkit-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: color 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 44px; }
    .footer__features .social .icon:before {
      position: relative;
      z-index: 1; }
    .footer__features .social .icon.icon-play:before {
      left: 3px; }
    .footer__features .social .icon:after {
      left: 50%;
      position: absolute;
      top: 50%;
      background: #1f2a44;
      -webkit-border-radius: 44px;
      -moz-border-radius: 44px;
      -ms-border-radius: 44px;
      -o-border-radius: 44px;
      border-radius: 44px;
      content: " ";
      display: block;
      height: 44px;
      -webkit-transform: scale(0) rotate(0) translate(-50%, -50%) skew(0, 0);
      -moz-transform: scale(0) rotate(0) translate(-50%, -50%) skew(0, 0);
      -ms-transform: scale(0) rotate(0) translate(-50%, -50%) skew(0, 0);
      -o-transform: scale(0) rotate(0) translate(-50%, -50%) skew(0, 0);
      transform: scale(0) rotate(0) translate(-50%, -50%) skew(0, 0);
      -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
      -moz-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
      -ms-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
      -o-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
      transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      transform-origin: 0 0;
      width: 44px;
      z-index: 0; }
    .footer__features .social .icon:hover {
      color: #4394f8; }
      .footer__features .social .icon:hover:after {
        -webkit-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
        -moz-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
        -ms-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
        -o-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
        transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0); }
  .footer__features .visual {
    display: block;
    visibility: hidden; }
  .footer__features .wrapper {
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%; }
    .footer__features .wrapper .dp-t {
      height: 100%;
      width: 100%; }
    .footer__features .wrapper .column {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: table-cell;
      height: 100%;
      padding: 0 30px;
      vertical-align: middle;
      width: 33.33%; }

.footer__partners {
  padding: 25px 0;
  text-align: center;
  width: 100%; }
  .footer__partners .title {
    color: #1f2a44;
    font: normal 1.4em "Simplo W00 Demi", sans-serif;
    letter-spacing: 1.5px;
    text-transform: uppercase; }
  .footer__partners .list {
    list-style: none;
    margin: 40px 0 0; }
    .footer__partners .list li {
      display: inline-block;
      zoom: 1;
      *display: inline;
      height: 50px;
      opacity: 1;
      filter: alpha(opacity=100);
      margin: 0 1.5vw; }
      .footer__partners .list li a {
        display: block;
        height: 100%; }
      .footer__partners .list li .partner {
        position: relative; }
        .footer__partners .list li .partner.logo-h1 {
          top: 5px; }
        .footer__partners .list li .partner.logo-tns {
          top: -5px; }
        .footer__partners .list li .partner.logo-fab {
          top: 2px; }
        .footer__partners .list li .partner:before {
          -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
          -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
          -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
          -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1); }
      .footer__partners .list li:hover .partner:before {
        opacity: 1;
        filter: alpha(opacity=100); }
      .footer__partners .list li.active .partner:before {
        opacity: 1;
        filter: alpha(opacity=100); }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.gen__bg {
  left: 0;
  position: absolute;
  top: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 100%;
  width: 100%; }
  .gen__bg img {
    display: none; }

.gen__button--apply {
  background: #FFF;
  color: #1f2a44;
  display: block;
  font: normal 1.2em "Simplo W00 Demi", sans-serif;
  height: 100%;
  letter-spacing: 1.5px;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 0; }
  #main-banner .gen__button--apply {
    -webkit-transition: color 50ms linear;
    -moz-transition: color 50ms linear;
    -ms-transition: color 50ms linear;
    -o-transition: color 50ms linear;
    transition: color 50ms linear; }
  .gen__button--apply .text {
    display: block;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1); }
  .gen__button--apply:after {
    left: 0;
    position: absolute;
    top: 0;
    background: #4394f8;
    content: " ";
    display: block;
    height: 100%;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    width: 100%;
    z-index: -1; }
  .gen__button--apply:hover {
    color: #FFF; }
    .gen__button--apply:hover .text {
      -webkit-transform: translate(0, 5px);
      -ms-transform: translate(0, 5px);
      transform: translate(0, 5px); }
    .gen__button--apply:hover:after {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }

.gen__button--cta {
  background: #1f2a44;
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font: normal 1.2em "Simplo W00 Demi", sans-serif;
  height: 100%;
  letter-spacing: 1.5px;
  overflow: hidden;
  padding: 15px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 0; }
  .gen__button--cta .text {
    display: block;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1); }
  .gen__button--cta:after {
    left: 0;
    position: absolute;
    top: -100%;
    background: #4394f8;
    content: " ";
    display: block;
    height: 100%;
    -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
    width: 100%;
    z-index: -1; }
  .gen__button--cta:hover {
    color: #FFF; }
    .gen__button--cta:hover .text {
      -webkit-transform: translate(0, 5px);
      -ms-transform: translate(0, 5px);
      transform: translate(0, 5px); }
    .gen__button--cta:hover:after {
      top: 0; }

.gen__button--contextual {
  color: #1f2a44;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font: normal 1.4em "Simplo W00 Demi", sans-serif;
  letter-spacing: 1.5px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .gen__button--contextual:before {
    left: -20px;
    position: absolute;
    top: 1px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e605";
    font-size: 11px;
    -webkit-transition: left 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: left 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: left 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: left 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: left 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .gen__button--contextual:after {
    left: 0;
    position: absolute;
    top: auto;
    background: #4394f8;
    bottom: 0;
    content: " ";
    display: block;
    height: 1px;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    width: 100%; }
  .gen__button--contextual:hover {
    color: #4394f8; }
    .gen__button--contextual:hover:before {
      left: -16px; }
    .gen__button--contextual:hover:after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1); }

.gen__button--simple {
  color: #1f2a44;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font: normal 1.4em "Simplo W00 Demi", sans-serif;
  letter-spacing: 1.5px;
  position: relative;
  text-transform: uppercase; }

.gen__button--play {
  border: 3px solid white;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  height: 60px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 60px; }
  .gen__button--play .icon {
    color: #FFF;
    display: block;
    font-size: 35px;
    line-height: 60px;
    position: relative;
    left: 15px; }
    .gen__button--play .icon:after, .gen__button--play .icon::after {
      left: 20px;
      position: absolute;
      top: 20px;
      border-style: solid;
      border-width: 11px 0 11px 19px;
      border-color: transparent transparent transparent #FFF;
      clip: rect(0, 0, 22px, 0);
      content: " ";
      display: block;
      height: 0;
      -webkit-transition: clip 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: clip 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: clip 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: clip 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: clip 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      width: 0; }
  .gen__button--play:hover {
    border-color: rgba(255, 255, 255, 0.6); }
    .gen__button--play:hover .icon:after, .gen__button--play:hover .icon::after {
      clip: rect(0, 19px, 22px, 0); }

.gen__centerContext {
  display: table-cell;
  vertical-align: middle; }

.gen__context {
  margin: 0 auto;
  width: 60vw; }

.gen__description--big {
  color: #aaaaaa;
  font: 300 1.8em/1.4 "Open Sans", sans-serif; }
  .gen__description--big a {
    color: #1f2a44;
    -webkit-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .gen__description--big a:hover {
      color: #4394f8; }
  .gen__description--big .emphasis {
    color: #1f2a44;
    display: block;
    font: 600 1.2em/1.4 "Open Sans", sans-serif;
    margin: 35px 0; }

.gen__icon--h1 {
  color: #aaaaaa;
  font-size: 30px;
  margin: 20px 0; }

.gen__share {
  height: 160px;
  margin: 0 auto;
  position: relative;
  width: 240px;
  z-index: 1; }
  .gen__share .button {
    left: 50%;
    position: absolute;
    top: auto;
    background: #1f2a44;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    border: 3px solid #FFF;
    bottom: -25px;
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 50px;
    z-index: 1; }
    .gen__share .button .icon {
      color: #FFF;
      font-size: 30px; }
      .gen__share .button .icon.icon-close {
        display: none;
        line-height: 47px; }
      .gen__share .button .icon.icon-arrow-share {
        display: block;
        line-height: 40px; }
  .gen__share .collection {
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    list-style: none;
    position: relative;
    width: 100%;
    z-index: 0; }
    .gen__share .collection li {
      left: 97px;
      position: absolute;
      top: 134px;
      display: block;
      height: 40px;
      position: absolute;
      text-align: center;
      -webkit-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
      -moz-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
      -ms-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
      -o-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
      transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
      width: 40px; }
      .gen__share .collection li a {
        background: #1f2a44;
        border: 3px solid #FFF;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 50px;
        color: #FFF;
        display: block;
        font-size: 25px;
        line-height: 40px;
        height: 100%;
        -webkit-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        width: 100%; }
        .gen__share .collection li a.icon-mail {
          font-size: 20px; }
        .gen__share .collection li a.icon-google {
          font-size: 20px; }
        .gen__share .collection li a.icon-social-linkedin {
          font-size: 30px; }
        .gen__share .collection li a:hover {
          background: #4394f8; }
      .gen__share .collection li:nth-child(1) {
        -webkit-transition-delay: 0ms;
        transition-delay: 0ms; }
      .gen__share .collection li:nth-child(2) {
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms; }
      .gen__share .collection li:nth-child(3) {
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms; }
      .gen__share .collection li:nth-child(4) {
        -webkit-transition-delay: 150ms;
        transition-delay: 150ms; }
      .gen__share .collection li:nth-child(5) {
        -webkit-transition-delay: 200ms;
        transition-delay: 200ms; }
  .gen__share:hover .button {
    background: #4394f8; }
  .gen__share:hover .icon-close {
    display: block !important; }
  .gen__share:hover .icon-arrow-share {
    display: none !important; }
  .gen__share:hover .collection li:nth-child(1) {
    left: 0;
    top: 100px; }
  .gen__share:hover .collection li:nth-child(2) {
    left: 37px;
    top: 50px; }
  .gen__share:hover .collection li:nth-child(3) {
    left: 97px;
    top: 30px; }
  .gen__share:hover .collection li:nth-child(4) {
    left: 157px;
    top: 50px; }
  .gen__share:hover .collection li:nth-child(5) {
    left: 190px;
    top: 100px; }

.gen__subtitle--big {
  color: #FFF;
  font: 300 1.4em/1.2 "Simplo W00 Demi", sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase; }

.gen__title--big {
  color: #FFF;
  font: 300 3.8em/1.2 "Open Sans", sans-serif;
  letter-spacing: .25px; }
  .gen__title--big strong {
    font-weight: 600; }

.gen__videobg {
  left: 50%;
  position: absolute;
  top: 50%;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  z-index: 0; }

.jsTracker--lightAmbiant, .jsTracker--darkAmbiant, .jsTracker--sticky {
  content: " ";
  height: 0.1px;
  display: block;
  overflow: hidden;
  width: 100%; }

.logo-h1 {
  display: block;
  background-image: url(../img/common/sprite.png);
  background-position: -1105px 0px;
  width: 125px;
  height: 26px;
  position: relative; }
  .logo-h1:before {
    left: 0;
    position: absolute;
    top: 0;
    content: " ";
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: url(../img/common/sprite.png);
    background-position: -980px 0px;
    width: 125px;
    height: 26px; }

.logo-lime {
  display: block;
  background-image: url(../img/common/sprite.png);
  background-position: -864px 0px;
  width: 116px;
  height: 30px;
  position: relative; }
  .logo-lime:before {
    left: 0;
    position: absolute;
    top: 0;
    content: " ";
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: url(../img/common/sprite.png);
    background-position: -748px 0px;
    width: 116px;
    height: 30px; }

.logo-access {
  display: block;
  background-image: url(../img/common/sprite.png);
  background-position: -637px 0px;
  width: 111px;
  height: 28px;
  position: relative; }
  .logo-access:before {
    left: 0;
    position: absolute;
    top: 0;
    content: " ";
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: url(../img/common/sprite.png);
    background-position: -526px 0px;
    width: 111px;
    height: 28px; }

.logo-pch {
  display: block;
  background-image: url(../img/common/sprite.png);
  background-position: -229px 0px;
  width: 83px;
  height: 41px;
  position: relative; }
  .logo-pch:before {
    left: 0;
    position: absolute;
    top: 0;
    content: " ";
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: url(../img/common/sprite.png);
    background-position: -146px 0px;
    width: 83px;
    height: 41px; }

.logo-tns {
  display: block;
  background-image: url(../img/common/sprite.png);
  background-position: -419px 0px;
  width: 107px;
  height: 51px;
  position: relative; }
  .logo-tns:before {
    left: 0;
    position: absolute;
    top: 0;
    content: " ";
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: url(../img/common/sprite.png);
    background-position: -312px 0px;
    width: 107px;
    height: 51px; }

.logo-fab {
  display: block;
  background-image: url(../img/common/sprite.png);
  background-position: 0px 0px;
  width: 73px;
  height: 27px;
  position: relative; }
  .logo-fab:before {
    left: 0;
    position: absolute;
    top: 0;
    content: " ";
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: url(../img/common/sprite.png);
    background-position: -73px 0px;
    width: 73px;
    height: 27px; }

.overlay {
  left: 0;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  pointer-events: none;
  -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
  z-index: 4; }
  .overlay.is--active {
    opacity: 1;
    filter: alpha(opacity=100);
    pointer-events: auto; }
    .ie9 .overlay.is--active, .ie10 .overlay.is--active {
      display: block; }
  .ie9 .overlay, .ie10 .overlay {
    display: none; }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
@-webkit-keyframes scrollDown {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

  50% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px); }

  51% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px); }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-moz-keyframes scrollDown {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

  50% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px); }

  51% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px); }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-o-keyframes scrollDown {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

  50% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px); }

  51% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px); }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes scrollDown {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

  50% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px); }

  51% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px); }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-webkit-keyframes moveArrow {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

  50% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate(50px, 0); }

  51% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0); }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0); } }

@-moz-keyframes moveArrow {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

  50% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate(50px, 0); }

  51% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0); }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0); } }

@-o-keyframes moveArrow {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

  50% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate(50px, 0); }

  51% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0); }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0); } }

@keyframes moveArrow {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

  50% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate(50px, 0); }

  51% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0); }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0); } }

@-webkit-keyframes moveArrowBlog {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0); }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-moz-keyframes moveArrowBlog {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0); }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-o-keyframes moveArrowBlog {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0); }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes moveArrowBlog {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0); }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-webkit-keyframes sticky {
  0% {
    top: -200px; }

  100% {
    top: 0; } }

@-moz-keyframes sticky {
  0% {
    top: -200px; }

  100% {
    top: 0; } }

@-o-keyframes sticky {
  0% {
    top: -200px; }

  100% {
    top: 0; } }

@keyframes sticky {
  0% {
    top: -200px; }

  100% {
    top: 0; } }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.trigger-mainnav {
  background: #1f2a44;
  display: block;
  height: 100%;
  position: relative;
  text-indent: -999em;
  -webkit-transition: background 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: background 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: background 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: background 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 65px; }
  .trigger-mainnav .icon {
    height: 17px;
    left: 50%;
    margin: -8.5px 0 0 -18.5px;
    position: relative;
    top: 50%;
    width: 37px; }
  .trigger-mainnav .icon-close {
    left: 50%;
    position: absolute;
    top: 50%;
    color: #FFF;
    font-size: 30px;
    opacity: 0;
    filter: alpha(opacity=0);
    text-indent: 0;
    -webkit-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
    -moz-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
    -ms-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
    -o-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
    transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .safari .trigger-mainnav .icon-close {
      -webkit-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .trigger-mainnav .bar {
    border-top: 3px solid #FFF;
    display: block;
    margin: 0 0 4px;
    position: relative;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -ms-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    width: 100%; }
    .trigger-mainnav .bar:nth-child(2) {
      -webkit-transition-delay: 50ms;
      transition-delay: 50ms; }
  .trigger-mainnav:hover {
    background: #4394f8; }
    .trigger-mainnav:hover .bar:nth-child(1), .trigger-mainnav:hover .bar:nth-child(3) {
      -webkit-transform: scale(0.8, 1);
      -ms-transform: scale(0.8, 1);
      transform: scale(0.8, 1); }
    .trigger-mainnav:hover .bar:nth-child(2) {
      -webkit-transform: scale(0.6, 1);
      -ms-transform: scale(0.6, 1);
      transform: scale(0.6, 1); }
    .trigger-mainnav:hover .icon-close {
      color: #1f2a44; }
  .trigger-mainnav.active .icon-close {
    opacity: 2;
    filter: alpha(opacity=200);
    -webkit-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
    -moz-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
    -ms-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
    -o-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
    transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0); }
  .trigger-mainnav.active .bar {
    opacity: 0;
    filter: alpha(opacity=0); }
  .trigger-mainnav.active:hover .icon-close {
    -webkit-transform: scale(1.2) rotate(0) translate(-50%, -50%) skew(0, 0);
    -moz-transform: scale(1.2) rotate(0) translate(-50%, -50%) skew(0, 0);
    -ms-transform: scale(1.2) rotate(0) translate(-50%, -50%) skew(0, 0);
    -o-transform: scale(1.2) rotate(0) translate(-50%, -50%) skew(0, 0);
    transform: scale(1.2) rotate(0) translate(-50%, -50%) skew(0, 0); }

#main-nav {
  left: 0;
  position: absolute;
  top: 0;
  background: #4394f8;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  pointer-events: none;
  -webkit-transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -ms-transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 100%;
  z-index: 9; }
  .ie9 #main-nav, .ie10 #main-nav {
    display: none; }
  #main-nav .footer__features {
    left: 0;
    position: absolute;
    top: auto;
    bottom: 0;
    height: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
    width: 100%; }
  #main-nav.active {
    opacity: 1;
    filter: alpha(opacity=100);
    pointer-events: auto; }
    #main-nav.active .footer__features {
      opacity: 1;
      filter: alpha(opacity=100); }
    .ie9 #main-nav.active, .ie10 #main-nav.active {
      display: block; }

.main-nav__menu {
  left: 50%;
  position: absolute;
  top: 50%;
  list-style: none;
  margin: -125px 0 0 -225px;
  text-align: center;
  width: 450px; }
  .main-nav__menu > li {
    color: #b2cefc;
    font: normal 2.4em "Simplo W00 Demi", sans-serif;
    letter-spacing: .5px;
    margin: 0 0 15px;
    overflow: hidden;
    text-transform: uppercase; }
    .main-nav__menu > li a {
      color: inherit;
      -webkit-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .main-nav__menu > li.active, .main-nav__menu > li:hover {
      color: #FFF; }
      .main-nav__menu > li.active .sub-menu ul:before, .main-nav__menu > li.active .sub-menu ul::before, .main-nav__menu > li.active .sub-menu ul:after, .main-nav__menu > li.active .sub-menu ul::after, .main-nav__menu > li:hover .sub-menu ul:before, .main-nav__menu > li:hover .sub-menu ul::before, .main-nav__menu > li:hover .sub-menu ul:after, .main-nav__menu > li:hover .sub-menu ul::after {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1); }
  .main-nav__menu .sub-menu {
    height: 0;
    list-style: none;
    overflow: hidden;
    -webkit-transition: height 800ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: height 800ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: height 800ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: height 800ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: height 800ms cubic-bezier(0.77, 0, 0.175, 1); }
    .main-nav__menu .sub-menu ul {
      list-style: none;
      margin: 10px 0;
      padding: 15px 0;
      position: relative; }
      .main-nav__menu .sub-menu ul:before, .main-nav__menu .sub-menu ul::before {
        left: 0;
        position: absolute;
        top: 0;
        background: #FFF;
        content: " ";
        display: block;
        height: 3px;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transition-delay: 300ms;
        transition-delay: 300ms;
        width: 100%; }
      .main-nav__menu .sub-menu ul:after, .main-nav__menu .sub-menu ul::after {
        left: 0;
        position: absolute;
        top: auto;
        background: #FFF;
        bottom: 0;
        content: " ";
        display: block;
        height: 3px;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transition-delay: 300ms;
        transition-delay: 300ms;
        width: 100%; }
    .main-nav__menu .sub-menu li {
      color: #FFF;
      font: 300 .65em "Open Sans", sans-serif;
      text-transform: none; }
      .main-nav__menu .sub-menu li:hover {
        font-weight: 600; }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.presentation-hometype, .presentation-programtype {
  height: 100vh;
  position: relative;
  width: 100%; }
  .presentation-hometype .gen__bg, .presentation-programtype .gen__bg {
    display: none; }
  .presentation-hometype .gen__videobg, .presentation-programtype .gen__videobg {
    display: block; }
  .presentation-hometype .wrapper, .presentation-programtype .wrapper {
    height: -webkit-calc(100% - 30px);
    height: -moz-calc(100% - 30px);
    height: calc(100% - 30px);
    overflow: hidden;
    position: relative;
    width: 100%; }
    .presentation-hometype .wrapper:before, .presentation-hometype .wrapper::before, .presentation-programtype .wrapper:before, .presentation-programtype .wrapper::before {
      left: 0;
      position: absolute;
      top: 0;
      background: -moz-linear-gradient(top, #1f2a44 0%, rgba(255, 255, 255, 0) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f2a44), color-stop(100%, rgba(255, 255, 255, 0)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #1f2a44 0%, rgba(255, 255, 255, 0) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #1f2a44 0%, rgba(255, 255, 255, 0) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #1f2a44 0%, rgba(255, 255, 255, 0) 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #1f2a44 0%, rgba(255, 255, 255, 0) 100%);
      /* W3C */
      content: " ";
      display: block;
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2a44', endColorstr='#00ffffff',GradientType=0 );
      /* IE6-9 */
      height: 100%;
      opacity: 0.5;
      filter: alpha(opacity=50);
      width: 100%;
      z-index: 1; }
      .ie9 .presentation-hometype .wrapper:before, .ie9 .presentation-hometype .wrapper::before, .ie9 .presentation-programtype .wrapper:before, .ie9 .presentation-programtype .wrapper::before {
        background: #1f2a44;
        opacity: 0.3;
        filter: alpha(opacity=30); }
  .presentation-hometype .embed, .presentation-programtype .embed {
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
    z-index: 1; }
  .presentation-hometype .features, .presentation-programtype .features {
    height: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    position: relative;
    text-align: center;
    -webkit-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
    z-index: 1; }
    .presentation-hometype .features .subtitle, .presentation-programtype .features .subtitle {
      margin: 15px 0 25px; }
  .presentation-hometype .buttons a:first-child, .presentation-programtype .buttons a:first-child {
    margin: 0 15px 0 0; }
  .presentation-hometype .button-scroll, .presentation-programtype .button-scroll {
    text-align: center;
    left: 50%;
    position: absolute;
    top: auto;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 1; }
    .presentation-hometype .button-scroll .text, .presentation-programtype .button-scroll .text {
      margin-bottom: 10px; }
    .presentation-hometype .button-scroll .icon, .presentation-programtype .button-scroll .icon {
      background: #1f2a44;
      color: #FFF;
      display: block;
      font-size: 18px;
      height: 45px;
      left: 50%;
      line-height: 45px;
      margin: 0 0 0 -22.5px;
      position: relative;
      width: 45px; }
      .presentation-hometype .button-scroll .icon .icon-arrow-bottom, .presentation-programtype .button-scroll .icon .icon-arrow-bottom {
        display: block;
        line-height: inherit;
        -webkit-animation: scrollDown 1500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite normal;
        -moz-animation: scrollDown 1500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite normal;
        -ms-animation: scrollDown 1500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite normal;
        -o-animation: scrollDown 1500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite normal;
        animation: scrollDown 1500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite normal; }
  .presentation-hometype.is--playing .embed, .presentation-programtype.is--playing .embed {
    opacity: 1;
    filter: alpha(opacity=100); }
  .presentation-hometype.is--playing .features, .presentation-programtype.is--playing .features {
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none; }
  .presentation-hometype.is--playing .button-scroll, .presentation-programtype.is--playing .button-scroll {
    visibility: hidden; }

.presentation-programtype {
  height: auto;
  margin-bottom: 50px; }
  .presentation-programtype .wrapper {
    height: -webkit-calc(100vh - 30px);
    height: -moz-calc(100vh - 30px);
    height: calc(100vh - 30px); }
  .presentation-programtype .preview {
    display: block;
    height: 45vh;
    margin: -23vh auto -100px;
    position: relative;
    -webkit-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    width: auto;
    z-index: 1; }
    .presentation-programtype .preview .visual {
      display: block;
      height: 100%;
      margin: 0 auto;
      max-width: 720px; }
    .presentation-programtype .preview .gen__button--play {
      left: 50%;
      position: absolute;
      top: 50%;
      display: block;
      margin: 0 auto;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 1; }
      .presentation-programtype .preview .gen__button--play .icon:after, .presentation-programtype .preview .gen__button--play .icon::after {
        left: 7px; }
  .presentation-programtype.is--playing .preview {
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none; }

.presentation-blogtype, .presentation-articletype {
  height: -webkit-calc(100vh - 105px);
  height: -moz-calc(100vh - 105px);
  height: calc(100vh - 105px);
  margin: 0 0 105px;
  width: 100%; }
  .presentation-blogtype .wrapper, .presentation-articletype .wrapper {
    height: 100%;
    overflow: hidden;
    position: relative; }
    .presentation-blogtype .wrapper:before, .presentation-blogtype .wrapper::before, .presentation-articletype .wrapper:before, .presentation-articletype .wrapper::before {
      left: 0;
      position: absolute;
      top: 0;
      background: -moz-linear-gradient(top, #1f2a44 0%, rgba(255, 255, 255, 0) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f2a44), color-stop(100%, rgba(255, 255, 255, 0)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #1f2a44 0%, rgba(255, 255, 255, 0) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #1f2a44 0%, rgba(255, 255, 255, 0) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #1f2a44 0%, rgba(255, 255, 255, 0) 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #1f2a44 0%, rgba(255, 255, 255, 0) 100%);
      /* W3C */
      content: " ";
      display: block;
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2a44', endColorstr='#00ffffff',GradientType=0 );
      /* IE6-9 */
      height: 100%;
      opacity: 0.5;
      filter: alpha(opacity=50);
      pointer-events: none;
      width: 100%;
      z-index: 1; }
      .ie9 .presentation-blogtype .wrapper:before, .ie9 .presentation-blogtype .wrapper::before, .ie9 .presentation-articletype .wrapper:before, .ie9 .presentation-articletype .wrapper::before {
        background: #1f2a44;
        opacity: 0.3;
        filter: alpha(opacity=30); }
  .presentation-blogtype .item, .presentation-articletype .item {
    display: block;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: width 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: width 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: width 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: width 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: width 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    width: 33.33%; }
    .presentation-blogtype .item .button, .presentation-articletype .item .button {
      left: 50%;
      position: absolute;
      top: auto;
      bottom: 40px;
      color: #FFF;
      font-size: 45px;
      line-height: .7;
      margin: 0 0 0 -22.5px;
      opacity: 0;
      filter: alpha(opacity=0); }
    .presentation-blogtype .item .features, .presentation-articletype .item .features {
      left: 0;
      position: absolute;
      top: auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      bottom: 0;
      padding: 0 50px 90px;
      text-align: center;
      width: 100%;
      z-index: 1; }
      .presentation-blogtype .item .features .category, .presentation-articletype .item .features .category {
        color: #FFF;
        display: block;
        font: normal 1.2em "Simplo W00 Demi", sans-serif;
        letter-spacing: 1.5px;
        text-transform: uppercase; }
      .presentation-blogtype .item .features .title, .presentation-articletype .item .features .title {
        font-size: 2.4em;
        margin: 25px auto 0;
        width: 300px; }
      .presentation-blogtype .item .features:after, .presentation-blogtype .item .features::after, .presentation-articletype .item .features:after, .presentation-articletype .item .features::after {
        left: 0;
        position: absolute;
        top: auto;
        background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.65)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
        /* IE6-9 */
        bottom: 0;
        content: " ";
        display: block;
        height: 200%;
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: none;
        -webkit-transition: opacity 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: opacity 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: opacity 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: opacity 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: opacity 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
        width: 100%;
        z-index: -1; }
        .ie9 .presentation-blogtype .item .features:after, .ie9 .presentation-blogtype .item .features::after, .ie9 .presentation-articletype .item .features:after, .ie9 .presentation-articletype .item .features::after {
          background: #000;
          height: 100%;
          opacity: 0.1;
          filter: alpha(opacity=10);
          padding: 50px 0 0; }
    .presentation-blogtype .item.is--enabled, .presentation-articletype .item.is--enabled {
      width: 40% !important; }
    .presentation-blogtype .item.is--disabled, .presentation-articletype .item.is--disabled {
      width: 30%; }
    .presentation-blogtype .item:hover .button, .presentation-articletype .item:hover .button {
      -webkit-animation: moveArrowBlog 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
      -moz-animation: moveArrowBlog 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
      -ms-animation: moveArrowBlog 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
      -o-animation: moveArrowBlog 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
      animation: moveArrowBlog 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards; }
    .presentation-blogtype .item:hover .features:after, .presentation-blogtype .item:hover .features::after, .presentation-articletype .item:hover .features:after, .presentation-articletype .item:hover .features::after {
      opacity: 0.6;
      filter: alpha(opacity=60); }
      .ie9 .presentation-blogtype .item:hover .features:after, .ie9 .presentation-blogtype .item:hover .features::after, .ie9 .presentation-articletype .item:hover .features:after, .ie9 .presentation-articletype .item:hover .features::after {
        opacity: 0.6;
        filter: alpha(opacity=60); }

.presentation-articletype {
  height: -webkit-calc(100vh - 250px);
  height: -moz-calc(100vh - 250px);
  height: calc(100vh - 250px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 0;
  padding: 0 0 50px; }
  .presentation-articletype .wrapper {
    overflow: visible; }
  .presentation-articletype .gen__share {
    left: 50%;
    position: absolute;
    top: auto;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .presentation-articletype .pagination {
    position: absolute;
    right: 0;
    top: 50%;
    height: 200px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 320px;
    z-index: 2; }
    .presentation-articletype .pagination .button {
      display: block;
      height: 50%;
      margin: 0 0 2px;
      position: relative;
      text-align: center;
      width: 100%; }
      .presentation-articletype .pagination .button.is--previous .icon {
        position: absolute;
        right: 0;
        top: auto;
        bottom: 0; }
      .presentation-articletype .pagination .button.is--next .icon {
        position: absolute;
        right: 0;
        top: 0; }
      .presentation-articletype .pagination .button .description {
        left: 0;
        position: absolute;
        top: 0;
        background: #4394f8;
        height: 100%;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
        -ms-transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms;
        width: 100%; }
        .presentation-articletype .pagination .button .description .nested {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          display: block;
          height: 100px;
          padding: 15px 15px;
          overflow: hidden;
          text-align: left;
          width: 220px; }
          .presentation-articletype .pagination .button .description .nested .gen__subtitle--big {
            letter-spacing: 0; }
          .presentation-articletype .pagination .button .description .nested .subtitle {
            color: #a0c4f9; }
        .presentation-articletype .pagination .button .description .visual {
          display: block;
          float: left;
          height: 100px;
          width: 100px; }
      .presentation-articletype .pagination .button .icon {
        background: #1f2a44;
        color: #FFF;
        display: block;
        font-size: 20px;
        height: 45px;
        line-height: 45px;
        -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
        -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
        width: 45px; }
      .presentation-articletype .pagination .button:hover .icon {
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0); }
      .presentation-articletype .pagination .button:hover .description {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0); }

.presentation-dummytype {
  height: 35vh;
  min-height: 340px; }
  .presentation-dummytype .wrapper:before, .presentation-dummytype .wrapper::before {
    display: none !important; }
  .presentation-dummytype .pagination {
    bottom: 0;
    top: auto;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

.presentation-startuptype {
  background: url("../img/common/startup/background.jpg") center center no-repeat #e6e6e6;
  height: -webkit-calc(100vh - 255px);
  height: -moz-calc(100vh - 255px);
  height: calc(100vh - 255px);
  margin: 0 0 155px;
  position: relative;
  width: 100%; }
  .presentation-startuptype .wrapper {
    left: 50%;
    position: absolute;
    top: auto;
    bottom: 100px;
    margin: 0 0 0 -30vw;
    text-align: center; }
    .presentation-startuptype .wrapper .features {
      list-style: none;
      margin: 50px 0 0;
      overflow: hidden;
      width: 100%; }
      .presentation-startuptype .wrapper .features li {
        display: block;
        float: left;
        text-align: left;
        width: 33.33%; }
    .presentation-startuptype .wrapper .number {
      color: #4394f8;
      display: block;
      float: left;
      font: 600 5em "Simplo W00 Demi", sans-serif;
      text-transform: uppercase; }
    .presentation-startuptype .wrapper .text {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      color: #1f2a44;
      display: block;
      font: normal 1.4em "Simplo W00 Demi", sans-serif;
      letter-spacing: 1.5px;
      padding: 5px 20px 0;
      overflow: hidden;
      text-transform: uppercase; }
    .presentation-startuptype .wrapper .title {
      color: #1f2a44; }

.presentation-teamtype {
  height: 570px;
  margin: 0 0 0;
  position: relative;
  width: 100%; }
  .presentation-teamtype .gen__description--big {
    color: #909090; }
  .presentation-teamtype .wrapper {
    left: 50%;
    position: absolute;
    top: 50%;
    margin: 0 0 0;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .presentation-teamtype .wrapper .title {
      color: #1f2a44; }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.introduction {
  background: #FFF; }
  .introduction.is--alternative {
    background: #fafafa; }
  .introduction .wrapper {
    padding: 100px 0;
    text-align: center; }
  .introduction .gen__description--big {
    padding: 0 10%; }
  .introduction .title {
    color: #1f2a44; }
  .introduction .gen__button--contextual, .introduction .gen__button--cta {
    margin: 55px 0 0; }
  .introduction .gen__button--cta {
    display: inline-block;
    zoom: 1;
    *display: inline; }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.slideshow {
  height: 600px;
  position: relative;
  width: 100%; }
  .slideshow .brand {
    padding: 20px 0 0;
    position: relative;
    text-align: center;
    z-index: 1; }
  .slideshow .icon {
    color: #FFF;
    font-size: 30px;
    margin: 25px 0 0;
    position: relative;
    text-align: center;
    z-index: 1; }

.slideshow__collection {
  left: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 0; }
  .slideshow__collection .slide {
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%; }
    .slideshow__collection .slide .dp-t {
      height: 100%;
      width: 100%; }
    .slideshow__collection .slide .features {
      left: 0;
      position: absolute;
      top: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 100%;
      padding: 0 0 0 100px;
      width: 50%;
      z-index: 2; }
      .slideshow__collection .slide .features .title {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate(-50px, 0);
        -ms-transform: translate(-50px, 0);
        transform: translate(-50px, 0);
        -webkit-transition: opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 1000ms cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition: opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 1000ms cubic-bezier(0.19, 1, 0.22, 1);
        -ms-transition: opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 1000ms cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 1000ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 1000ms cubic-bezier(0.19, 1, 0.22, 1); }
      .slideshow__collection .slide .features .notes {
        list-style: none;
        margin: 20px 0 0;
        opacity: 0;
        filter: alpha(opacity=0);
        overflow: hidden;
        -webkit-transition: opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 1000ms cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition: opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 1000ms cubic-bezier(0.19, 1, 0.22, 1);
        -ms-transition: opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 1000ms cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 1000ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 1000ms cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transform: translate(-50px, 0);
        -ms-transform: translate(-50px, 0);
        transform: translate(-50px, 0);
        -webkit-transition-delay: 100ms;
        transition-delay: 100ms; }
        .slideshow__collection .slide .features .notes li {
          color: #FFF;
          font: normal 1.4em/1.3 "Simplo W00 Demi", sans-serif;
          letter-spacing: 0;
          margin: 0 0 3px;
          text-transform: uppercase; }
          .slideshow__collection .slide .features .notes li:before, .slideshow__collection .slide .features .notes li::before {
            color: #FFF;
            content: "•";
            display: block;
            float: left;
            margin-right: 10px; }
    .slideshow__collection .slide.disabled {
      visibility: hidden; }
    .slideshow__collection .slide.enabled {
      visibility: visible; }
    .slideshow__collection .slide.active .title, .slideshow__collection .slide.active .notes {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
    .slideshow__collection .slide:before, .slideshow__collection .slide::before {
      left: 0;
      position: absolute;
      top: 0;
      background: -moz-linear-gradient(left, #1f2a44 0%, transparent 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1f2a44), color-stop(100%, transparent));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, #1f2a44 0%, transparent 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, #1f2a44 0%, transparent 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(left, #1f2a44 0%, transparent 100%);
      /* IE10+ */
      background: linear-gradient(to right, #1f2a44 0%, transparent 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2a44', endColorstr='#00000000',GradientType=1 );
      /* IE6-9 */
      content: " ";
      display: block;
      height: 100%;
      width: 50%;
      z-index: 1; }
      .layout__blog .slideshow__collection .slide:before, .layout__blog .slideshow__collection .slide::before {
        display: none; }

.slideshow__controls {
  left: 0;
  position: absolute;
  top: auto;
  bottom: 10px;
  text-align: center;
  width: 100%;
  z-index: 1; }
  .slideshow__controls .button {
    color: #FFF;
    font-size: 14px; }
  .slideshow__controls .triggers {
    display: inline-block;
    zoom: 1;
    *display: inline;
    list-style: none; }
    .slideshow__controls .triggers li {
      cursor: pointer;
      height: 12px;
      display: inline-block;
      zoom: 1;
      *display: inline;
      margin: 0 8px;
      position: relative;
      top: 0;
      width: 12px; }
      .slideshow__controls .triggers li span {
        background: #FFF;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        display: block;
        height: 50%;
        left: 3px;
        position: relative;
        top: 3px;
        width: 50%; }
      .slideshow__controls .triggers li:after, .slideshow__controls .triggers li::after {
        left: 50%;
        position: absolute;
        top: 50%;
        border: 1px solid #FFF;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
        border-radius: 12px;
        content: " ";
        display: block;
        height: 12px;
        margin: -7px 0 0 -7px;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
        width: 12px; }
      .slideshow__controls .triggers li.active:after, .slideshow__controls .triggers li.active::after {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.timeline {
  background: #FFF; }
  .timeline .wrapper {
    padding: 100px 0;
    text-align: center; }
  .timeline .brand {
    color: #1f2a44; }

.timeline__steps {
  list-style: none;
  margin: 75px auto 0;
  position: relative;
  width: auto; }
  .timeline__steps li {
    cursor: pointer;
    height: 70px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 55px;
    position: relative;
    width: 70px; }
    .timeline__steps li:after {
      left: 80px;
      position: absolute;
      top: 35px;
      background: #eee;
      content: " ";
      display: block;
      height: 3px;
      width: 90px; }
    .timeline__steps li:last-child:after {
      display: none; }
    .timeline__steps li .icon {
      display: block;
      height: 100%;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
      width: 100%; }
      .timeline__steps li .icon span {
        left: 50%;
        position: absolute;
        top: 50%;
        background: #eee;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
        display: block;
        height: 30px;
        margin: -15px 0 0 -15px;
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        width: 30px;
        z-index: 1; }
      .timeline__steps li .icon:before, .timeline__steps li .icon::before {
        left: 0;
        position: absolute;
        top: 0;
        background: #4394f8;
        /* Old browsers */
        background: -moz-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4394f8), color-stop(100%, #1f2a44));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
        /* IE10+ */
        background: linear-gradient(to right, #4394f8 0%, #1f2a44 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4394f8', endColorstr='#1f2a44',GradientType=1 );
        /* IE6-9 */
        -webkit-border-radius: 70px;
        -moz-border-radius: 70px;
        -ms-border-radius: 70px;
        -o-border-radius: 70px;
        border-radius: 70px;
        content: " ";
        display: block;
        height: 100%;
        width: 100%; }
      .timeline__steps li .icon:after, .timeline__steps li .icon::after {
        left: 4px;
        position: absolute;
        top: 3px;
        background: #FFF;
        content: " ";
        display: block;
        -webkit-border-radius: 70px;
        -moz-border-radius: 70px;
        -ms-border-radius: 70px;
        -o-border-radius: 70px;
        border-radius: 70px;
        height: -webkit-calc(100% - 6px);
        height: -moz-calc(100% - 6px);
        height: calc(100% - 6px);
        width: -webkit-calc(100% - 8px);
        width: -moz-calc(100% - 8px);
        width: calc(100% - 8px); }
    .timeline__steps li .number {
      left: 0;
      position: absolute;
      top: 0;
      color: #1f2a44;
      font: normal 9em/.7 "Open Sans", sans-serif;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
      width: 100%; }
    .timeline__steps li:hover .icon span {
      background: #d3d1d2; }
    .timeline__steps li.active .icon {
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0); }
    .timeline__steps li.active .number {
      opacity: 1;
      filter: alpha(opacity=100); }

.timeline__collection {
  margin: 50px auto 0;
  overflow: hidden;
  opacity: 1;
  filter: alpha(opacity=100);
  position: relative;
  -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 720px; }
  .timeline__collection .nested {
    position: relative;
    width: 3600px; }
  .timeline__collection.disabled {
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none; }
  .timeline__collection .slide {
    display: block;
    float: left;
    width: 720px; }
    .timeline__collection .slide .embed {
      left: 0;
      position: absolute;
      top: 0;
      display: block;
      height: 100%;
      opacity: 0;
      filter: alpha(opacity=0);
      pointer-events: none;
      width: 100%; }
    .timeline__collection .slide .title {
      color: #1f2a44;
      font: normal 1.8em "Simplo W00 Demi", sans-serif;
      letter-spacing: 1.5px;
      margin: 0 0 25px;
      text-transform: uppercase; }
    .timeline__collection .slide .visual-context {
      display: block;
      margin: 0 0 25px;
      position: relative; }
      .timeline__collection .slide .visual-context .gen__button--play {
        left: 50%;
        position: absolute;
        top: 50%;
        margin: -30px 0 0 -30px; }
        .timeline__collection .slide .visual-context .gen__button--play .icon {
          left: 5px; }
      .timeline__collection .slide .visual-context .visual {
        display: block;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        width: auto; }
    .timeline__collection .slide.active .visual {
      opacity: 0;
      filter: alpha(opacity=0); }
    .timeline__collection .slide.active .embed {
      opacity: 1;
      filter: alpha(opacity=100);
      pointer-events: auto; }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.workspace-grid {
  background: #1f2a44;
  width: 100%; }

.workspace-grid__sizer {
  width: 10%; }

.workspace-grid__item {
  overflow: hidden;
  padding-bottom: 10%;
  width: 10%; }
  .workspace-grid__item.for--social {
    background: #4394f8;
    -webkit-transition: background 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: background 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: background 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: background 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background 400ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .workspace-grid__item.for--social .dp-t {
      height: 100%; }
    .workspace-grid__item.for--social .title {
      color: #FFF;
      font: 300 1.4em "Open Sans", sans-serif;
      display: table-cell;
      padding: 0 10px;
      text-align: center;
      vertical-align: middle; }
      .workspace-grid__item.for--social .title strong {
        font-weight: 600; }
    .workspace-grid__item.for--social:hover {
      background: #1f2a44; }
  .workspace-grid__item .context {
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%; }
  .workspace-grid__item .gen__centerContext {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px; }
  .workspace-grid__item .features {
    left: 0;
    position: absolute;
    top: 0;
    display: table;
    height: 100%;
    text-align: center;
    width: 100%; }
    .workspace-grid__item .features:before {
      left: 0;
      position: absolute;
      top: 0;
      background: #1f2a44;
      content: " ";
      display: block;
      height: 100%;
      opacity: 0;
      filter: alpha(opacity=0);
      pointer-events: none;
      -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
      width: 100%;
      z-index: 0; }
    .workspace-grid__item .features .title {
      color: #FFF;
      font: normal 1.4em "Simplo W00 Demi", sans-serif;
      letter-spacing: .25px;
      opacity: 0;
      filter: alpha(opacity=0);
      text-transform: uppercase;
      -webkit-transform: translate3d(0, 0, 50px);
      transform: translate3d(0, 0, 50px);
      -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .workspace-grid__item .features .subtitle {
      color: #FFF;
      font: normal 1.2em "Simplo W00 Demi", sans-serif;
      margin: 3px 0 5px;
      opacity: 0;
      filter: alpha(opacity=0);
      text-transform: uppercase;
      -webkit-transform: translate3d(0, 0, 50px);
      transform: translate3d(0, 0, 50px);
      -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transition-delay: 50ms;
      transition-delay: 50ms; }
    .workspace-grid__item .features .icon {
      color: #FFF;
      font-size: 50px;
      line-height: .5;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transform: translate(-10%, 0);
      -ms-transform: translate(-10%, 0);
      transform: translate(-10%, 0);
      -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
      -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
      -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
      -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
      -webkit-transition-delay: 100ms;
      transition-delay: 100ms; }
  .workspace-grid__item .fill {
    left: 0;
    position: absolute;
    top: 0;
    background: #1f2a44;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 100%; }
  .workspace-grid__item .type {
    left: 50%;
    position: absolute;
    top: 50%;
    color: #FFF;
    display: block;
    font-size: 25px;
    margin: -12.5px 0 0 -12.5px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
    -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 1; }
  .workspace-grid__item .visual {
    display: block;
    height: 100%;
    width: 100%; }
  .workspace-grid__item.is--big {
    padding-bottom: 20%;
    width: 20%; }
  .workspace-grid__item.is--horizontal {
    width: 20%; }
  .workspace-grid__item.is--vertical {
    padding-bottom: 20%; }
  .workspace-grid__item:hover .features .title, .workspace-grid__item:hover .features .subtitle {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .workspace-grid__item:hover .features .icon {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  .workspace-grid__item:hover .features:before {
    opacity: 0.5;
    filter: alpha(opacity=50); }
  .workspace-grid__item:hover .fill {
    opacity: 0.5;
    filter: alpha(opacity=50); }
  .workspace-grid__item:hover .type {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.alumni-grid {
  margin: 0 auto;
  width: 100%; }
  .alumni-grid:after {
    clear: both;
    content: "";
    display: block; }

.alumni-grid__column {
  background: #1f2a44;
  display: block;
  float: left;
  width: 25%; }
  .alumni-grid__column.is--small {
    width: 12.5%; }

.alumni-grid__item {
  display: block;
  float: left;
  padding-bottom: 50%;
  position: relative;
  width: 50%; }
  .alumni-grid__item:before, .alumni-grid__item::before {
    left: 0;
    position: absolute;
    top: 0;
    background: #1f2a44;
    content: " ";
    display: block;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
    -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 100%;
    z-index: 1; }
  .alumni-grid__item .context {
    left: 0;
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
    z-index: 1; }
  .alumni-grid__item .visual {
    left: 0;
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 0; }
  .alumni-grid__item .gen__centerContext {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px; }
  .alumni-grid__item .features {
    display: table;
    height: 100%;
    text-align: center;
    width: 100%; }
    .alumni-grid__item .features .title {
      color: #FFF;
      font: normal 1.4em "Simplo W00 Demi", sans-serif;
      letter-spacing: .25px;
      opacity: 0;
      filter: alpha(opacity=0);
      text-transform: uppercase;
      -webkit-transform: translate3d(0, 0, 50px);
      transform: translate3d(0, 0, 50px);
      -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .safari .alumni-grid__item .features .title {
        -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .alumni-grid__item .features .subtitle {
      color: #FFF;
      font: normal 1.2em "Simplo W00 Demi", sans-serif;
      margin: 3px 0 5px;
      opacity: 0;
      filter: alpha(opacity=0);
      text-transform: uppercase;
      -webkit-transform: translate3d(0, 0, 50px);
      transform: translate3d(0, 0, 50px);
      -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transition-delay: 50ms;
      transition-delay: 50ms; }
      .safari .alumni-grid__item .features .subtitle {
        -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .alumni-grid__item .features .icon {
      color: #FFF;
      font-size: 50px;
      line-height: .5;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transform: translate(-10%, 0);
      -ms-transform: translate(-10%, 0);
      transform: translate(-10%, 0);
      -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
      -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
      -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
      -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
      -webkit-transition-delay: 100ms;
      transition-delay: 100ms; }
      .safari .alumni-grid__item .features .icon {
        -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
        -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.19, 1, 0.22, 1); }
  .is--small .alumni-grid__item {
    padding-bottom: 100%;
    width: 100%; }
  .alumni-grid__item.is--big {
    padding-bottom: 100%;
    width: 100%; }
  .alumni-grid__item.is--vertical {
    height: 200%;
    padding-bottom: 200%;
    width: 100%; }
  .alumni-grid__item.is--horizontal {
    width: 100%; }
  .alumni-grid__item:hover .features .title, .alumni-grid__item:hover .features .subtitle {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .alumni-grid__item:hover .features .icon {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  .alumni-grid__item:hover:before, .alumni-grid__item:hover::before {
    opacity: 0.5;
    filter: alpha(opacity=50); }

@media only screen and (max-width: 980px) {
  .alumni-grid__column {
    width: 50%; }
    .alumni-grid__column.is--small {
      width: 25%; }
    .alumni-grid__column.is--separator {
      clear: both; } }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.hardware-grid {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 100px;
  overflow: hidden;
  padding: 0 30px 0 0;
  width: 100%; }
  .hardware-grid.is--big {
    margin-bottom: 0;
    padding: 0 10px 0 0; }
  .hardware-grid.has--nomargin {
    margin: 0 auto; }

.hardware-grid__item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 25%; }
  .hardware-grid__item .button {
    color: #FFF;
    font-size: 45px;
    line-height: .7; }
  .hardware-grid__item .category {
    left: 15px;
    position: absolute;
    top: 20px;
    background: #4394f8;
    color: #FFF;
    display: block;
    font: normal 1.2em "Simplo W00 Demi", sans-serif;
    letter-spacing: 1.5px;
    padding: 18px 20px;
    text-transform: uppercase;
    z-index: 2; }
  .hardware-grid__item .context {
    display: block;
    overflow: hidden; }
  .hardware-grid__item .features {
    left: 15px;
    position: absolute;
    top: auto;
    bottom: 15px;
    width: 50%;
    z-index: 2; }
  .hardware-grid__item .title {
    font-size: 2.4em;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1); }
  .hardware-grid__item .visual {
    display: block;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 100%; }
  .hardware-grid__item:after, .hardware-grid__item::after {
    left: 0;
    position: absolute;
    top: auto;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.65)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    /* IE6-9 */
    bottom: 0;
    content: " ";
    display: block;
    height: 80%;
    opacity: 1;
    filter: alpha(opacity=100);
    pointer-events: none;
    -webkit-transition: opacity 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: opacity 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: opacity 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 100%;
    z-index: 1; }
    .ie9 .hardware-grid__item:after, .ie9 .hardware-grid__item::after {
      background: #000;
      height: 100%;
      opacity: 0.2;
      filter: alpha(opacity=20); }
  .hardware-grid__item:nth-child(4n+2) {
    right: -10px; }
  .hardware-grid__item:nth-child(4n+3) {
    right: -20px; }
  .hardware-grid__item:nth-child(4n+4) {
    right: -30px; }
  .is--big .hardware-grid__item {
    width: 50%; }
    .is--big .hardware-grid__item:nth-child(4n+2) {
      right: -10px; }
    .is--big .hardware-grid__item:nth-child(4n+3) {
      right: -20px; }
  .hardware-grid__item:hover .button {
    -webkit-animation: moveArrow 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    -moz-animation: moveArrow 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    -ms-animation: moveArrow 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    -o-animation: moveArrow 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    animation: moveArrow 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards; }
  .hardware-grid__item:hover .title {
    -webkit-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0); }
  .hardware-grid__item:hover .visual {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .hardware-grid__item:hover:after, .hardware-grid__item:hover::after {
    opacity: 0.4;
    filter: alpha(opacity=40); }
    .ie9 .hardware-grid__item:hover:after, .ie9 .hardware-grid__item:hover::after {
      opacity: 0.2;
      filter: alpha(opacity=20); }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.community {
  padding: 0 0 60px;
  position: relative;
  text-align: center;
  width: 100%; }

.community-collection {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 150px 0 0;
  width: 100%; }

.community-collection__item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 0 0 50px;
  padding: 0;
  position: relative;
  text-align: center;
  width: 25%; }
  .community-collection__item .subtitle {
    color: #aaaaaa;
    font: normal 1.4em "Simplo W00 Demi", sans-serif;
    letter-spacing: .25px;
    margin: 3px 0 0;
    text-transform: uppercase; }
  .community-collection__item .title {
    color: #1f2a44;
    font: normal 1.4em "Simplo W00 Demi", sans-serif;
    letter-spacing: .25px;
    text-transform: uppercase; }
  .community-collection__item .visual-context {
    display: block;
    height: 155px;
    margin: 0 auto 20px;
    position: relative;
    width: 155px; }
    .community-collection__item .visual-context .gen__bg {
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-border-radius: 155px;
      -moz-border-radius: 155px;
      -ms-border-radius: 155px;
      -o-border-radius: 155px;
      border-radius: 155px;
      left: 50%;
      top: 50%;
      -webkit-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
      -moz-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
      -ms-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
      -o-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
      transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1); }
      .safari .community-collection__item .visual-context .gen__bg {
        -webkit-transition: -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .community-collection__item .visual-context .text {
      left: 50%;
      position: absolute;
      top: 50%;
      background: rgba(255, 255, 255, 0.8);
      -webkit-border-radius: 155px;
      -moz-border-radius: 155px;
      -ms-border-radius: 155px;
      -o-border-radius: 155px;
      border-radius: 155px;
      display: block;
      height: 155px;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      -moz-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      -ms-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      -o-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      transform-origin: 0 0;
      width: 155px;
      z-index: 0; }
      .safari .community-collection__item .visual-context .text {
        -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .community-collection__item .visual-context .text span {
        left: 50%;
        position: absolute;
        top: 50%;
        color: #4394f8;
        display: block;
        font: normal 1.3em "Simplo W00 Demi", sans-serif;
        letter-spacing: .25px;
        text-transform: uppercase;
        -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translate(-50%, -5%);
        -ms-transform: translate(-50%, -5%);
        transform: translate(-50%, -5%); }
        .safari .community-collection__item .visual-context .text span {
          -webkit-transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .community-collection__item .visual-context:before, .community-collection__item .visual-context::before {
      left: 50%;
      position: absolute;
      top: 50%;
      background: #4394f8;
      /* Old browsers */
      background: -moz-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4394f8), color-stop(100%, #1f2a44));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
      /* IE10+ */
      background: linear-gradient(to right, #4394f8 0%, #1f2a44 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4394f8', endColorstr='#1f2a44',GradientType=1 );
      /* IE6-9 */
      -webkit-border-radius: 155px;
      -moz-border-radius: 155px;
      -ms-border-radius: 155px;
      -o-border-radius: 155px;
      border-radius: 155px;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
      content: " ";
      display: block;
      height: 162px;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 162px;
      z-index: 0; }
    .community-collection__item .visual-context:hover .gen__bg {
      -webkit-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      -moz-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      -ms-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      -o-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0); }
    .community-collection__item .visual-context:hover .text {
      opacity: 1;
      filter: alpha(opacity=100); }
      .community-collection__item .visual-context:hover .text span {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  .community-collection__item:nth-child(4n+2) {
    right: -50px; }
  .community-collection__item:nth-child(4n+3) {
    right: -100px; }
  .community-collection__item:nth-child(4n+4) {
    right: -150px; }

@media only screen and (max-width: 980px) {
  .community-collection {
    padding: 20px 50px 0 0; }
  .community-collection__item {
    width: 50%; }
    .community-collection__item:nth-child(4n+1) {
      right: 0; }
    .community-collection__item:nth-child(4n+2) {
      right: -50px; }
    .community-collection__item:nth-child(4n+3) {
      right: 0; }
    .community-collection__item:nth-child(4n+4) {
      right: -50px; } }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.filter-blog {
  left: 0;
  position: absolute;
  top: 0;
  height: 105px;
  top: -webkit-calc(100vh - 105px);
  top: -moz-calc(100vh - 105px);
  top: calc(100vh - 105px);
  overflow: hidden;
  -webkit-transition: height 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: height 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: height 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: height 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: height 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
  z-index: 5; }
  .itw-related .filter-blog {
    top: 0; }
  .filter-blog .button {
    background: #4394f8;
    color: #FFF;
    font: normal 1.4em "Simplo W00 Demi", sans-serif;
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 105px;
    letter-spacing: 1.5px;
    line-height: 105px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 2; }
    .filter-blog .button .icon {
      display: none;
      font-size: 25px;
      position: relative;
      top: 6px; }
      .filter-blog .button .icon.icon-grid {
        display: inline-block;
        zoom: 1;
        *display: inline; }
  .filter-blog .collection {
    background: #FFF;
    overflow: hidden;
    padding: 60px 0 30px;
    position: relative;
    z-index: 2; }
    .filter-blog .collection .item {
      float: left;
      margin: 0 0 20px 0;
      -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
      width: 20%; }
      .filter-blog .collection .item .visual {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 0 5px;
        width: 100%; }
      .filter-blog .collection .item .title {
        color: #1f2a44;
        font: normal 1.4em "Simplo W00 Demi", sans-serif;
        letter-spacing: 1.5px;
        margin: 15px 0 0;
        text-align: center;
        text-transform: uppercase; }
      .filter-blog .collection .item.is--disabled {
        opacity: 0.5;
        filter: alpha(opacity=50); }
  .filter-blog.is--active .icon.icon-grid {
    display: none; }
  .filter-blog.is--active .icon.icon-close {
    display: inline-block;
    zoom: 1;
    *display: inline; }
  .filter-blog.is--sticky {
    position: fixed;
    top: 0;
    -webkit-animation: sticky 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    -moz-animation: sticky 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    -ms-animation: sticky 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    -o-animation: sticky 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    animation: sticky 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards; }

.itw-related {
  margin: 70px 0;
  padding: 104px 0 0;
  position: relative; }

.grid-itw {
  margin: 50px auto 70px;
  max-width: 1070px;
  position: relative;
  width: 70vw; }

.grid-itw__cell, .grid-itw__sizer {
  padding-bottom: 33.33%;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  position: absolute;
  width: 33.33%; }
  .grid-itw__cell.x0, .grid-itw__sizer.x0 {
    left: 0; }
  .grid-itw__cell.x1, .grid-itw__sizer.x1 {
    left: 33.33%; }
  .grid-itw__cell.x2, .grid-itw__sizer.x2 {
    left: 66.66%; }
  .grid-itw__cell.y0, .grid-itw__sizer.y0 {
    top: 0; }
  .grid-itw__cell.y1, .grid-itw__sizer.y1 {
    top: 33.33%; }
  .grid-itw__cell.y2, .grid-itw__sizer.y2 {
    top: 66.67%; }
  .grid-itw__cell.w2, .grid-itw__sizer.w2 {
    padding-bottom: 16.665%;
    width: 66.66%; }
  .grid-itw__cell.yHalf, .grid-itw__sizer.yHalf {
    margin: 16.665% 0 0; }

.grid-itw__sizer {
  position: relative; }

.itw-item {
  left: 0;
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 100%;
  overflow: hidden;
  padding: 5px;
  text-align: center;
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: rotateY(0deg) scale(1);
  -ms-transform: rotateY(0deg) scale(1);
  transform: rotateY(0deg) scale(1);
  width: 100%; }
  .itw-item .dp-t {
    height: 100%;
    -webkit-transition: background 300ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: background 300ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: background 300ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: background 300ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: background 300ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 100%; }
  .itw-item.is--answer {
    left: 0;
    position: absolute;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 33.33%;
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
    -webkit-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 33.33%; }
    .ie9 .itw-item.is--answer, .ie10 .itw-item.is--answer {
      display: none; }
    .itw-item.is--answer .answer {
      color: #FFF;
      font: 300 1.8em/1.3 "Open Sans", sans-serif; }
    .itw-item.is--answer .dp-t {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background: #4394f8 !important;
      padding: 20px;
      text-align: left; }
    .itw-item.is--answer .icon-close {
      position: absolute;
      right: 10px;
      top: 10px;
      color: #FFF;
      font-size: 20px; }
    .itw-item.is--answer .question {
      color: #FFF;
      font: 600 2.4em "Open Sans", sans-serif; }
    .itw-item.is--answer.active {
      opacity: 1;
      filter: alpha(opacity=100);
      pointer-events: auto; }
      .ie9 .itw-item.is--answer.active, .ie10 .itw-item.is--answer.active {
        display: block; }
  .itw-item.is--question1 .dp-t {
    background: #fafafa; }
  .itw-item.is--question2 .dp-t {
    background: #e6e6e6; }
  .itw-item.is--question2 .text {
    color: #4394f8;
    font: 300 2.6em/1.2 "Open Sans", sans-serif; }
  .itw-item.is--visual .nested {
    background: #4394f8;
    /* Old browsers */
    background: -moz-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4394f8), color-stop(100%, #1f2a44));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
    /* IE10+ */
    background: linear-gradient(to right, #4394f8 0%, #1f2a44 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4394f8', endColorstr='#1f2a44',GradientType=1 );
    /* IE6-9 */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 99.9%;
    padding: 3px;
    width: auto; }
  .itw-item.is--visual .visual {
    display: block;
    height: 100%;
    width: 100%; }
  .itw-item.is--active {
    -webkit-transform: rotateY(100deg) scale(.7);
    -ms-transform: rotateY(100deg) scale(.7);
    transform: rotateY(100deg) scale(.7); }
  .itw-item .itw-item__text1 {
    color: #4394f8;
    font: 600 3.6em/1.2 "Open Sans", sans-serif; }
  .itw-item .itw-item__text2 {
    color: #4394f8;
    font: 300 2.6em/1.2 "Open Sans", sans-serif; }
  .itw-item .itw-item__text3 {
    color: #4394f8;
    font: 600 2.6em/1.2 "Open Sans", sans-serif; }
  .itw-item .itw-item__text4 {
    color: #4394f8;
    font: 600 3em/1.2 "Open Sans", sans-serif; }
  .itw-item:hover .dp-t {
    background: #d7d7d7; }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.layout__startup .hardware-grid {
  margin-bottom: -80px; }

.filter-startup {
  left: 0;
  position: absolute;
  top: 0;
  height: 155px;
  top: -webkit-calc(100vh - 255px);
  top: -moz-calc(100vh - 255px);
  top: calc(100vh - 255px);
  overflow: hidden;
  -webkit-transition: height 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: height 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: height 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: height 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: height 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
  z-index: 5; }
  .filter-startup .buttons {
    background: #4394f8;
    color: #FFF;
    font: normal 1.4em "Simplo W00 Demi", sans-serif;
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 105px;
    letter-spacing: 1.5px;
    line-height: 105px;
    list-style: none;
    text-align: center;
    text-transform: uppercase;
    width: 100%; }
    .filter-startup .buttons li {
      display: inline-block;
      zoom: 1;
      *display: inline;
      margin: 0 65px 0 0;
      position: relative; }
      .filter-startup .buttons li a {
        color: #9fc3fb; }
      .filter-startup .buttons li:after, .filter-startup .buttons li::after {
        left: 50%;
        position: absolute;
        top: auto;
        bottom: 0;
        border-style: solid;
        border-width: 0 5px 5px 5px;
        border-color: transparent transparent #ffffff transparent;
        content: " ";
        display: block;
        height: 0;
        margin: 0 0 0 -5px;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform-origin: 50% 100%;
        -moz-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        width: 0; }
      .filter-startup .buttons li.active a {
        color: #FFF; }
      .filter-startup .buttons li.active:after, .filter-startup .buttons li.active::after {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
  .filter-startup .collection {
    background: #FFF;
    height: 50px;
    position: relative;
    width: 100%; }
    .filter-startup .collection .item {
      left: 0;
      position: absolute;
      top: 0;
      display: block;
      height: 100%;
      line-height: 55px;
      opacity: 0;
      filter: alpha(opacity=0);
      text-align: center;
      -webkit-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      pointer-events: none;
      -webkit-transition-delay: 100ms;
      transition-delay: 100ms;
      width: 100%; }
      .filter-startup .collection .item .button {
        color: #1f2a44;
        font: normal 1.4em "Simplo W00 Demi", sans-serif;
        display: inline-block;
        zoom: 1;
        *display: inline;
        height: 105px;
        letter-spacing: 1.5px;
        margin: 0 15px;
        text-transform: uppercase;
        -webkit-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1); }
        .filter-startup .collection .item .button.active {
          color: #4394f8; }
      .filter-startup .collection .item.active {
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto; }
  .filter-startup.is--sticky {
    position: fixed;
    top: 0;
    -webkit-animation: sticky 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    -moz-animation: sticky 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    -ms-animation: sticky 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    -o-animation: sticky 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    animation: sticky 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards; }

.startup-collection {
  position: relative;
  width: 100%; }
  .startup-collection .item {
    display: block;
    height: 60vh;
    max-height: 600px;
    position: relative;
    text-align: center;
    width: 100%; }
    .startup-collection .item .gen__bg {
      background-attachment: fixed; }
    .startup-collection .item .features {
      height: 100%;
      position: relative;
      width: 100%;
      z-index: 2; }
      .startup-collection .item .features .dp-t {
        height: 100%;
        width: 100%; }
      .startup-collection .item .features .tagline {
        color: #FFF;
        font: normal 2em "Simplo W00 Demi", sans-serif;
        letter-spacing: 1.5px;
        margin: 25px 0;
        text-transform: uppercase; }
    .startup-collection .item:after, .startup-collection .item::after {
      left: 0;
      position: absolute;
      top: 0;
      background: #1f2a44;
      content: " ";
      display: block;
      height: 100%;
      opacity: 0.2;
      filter: alpha(opacity=20);
      width: 100%;
      z-index: 1; }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.item-full {
  overflow: hidden;
  padding: 0 0 30px;
  position: relative;
  width: 100%; }
  .item-full .category {
    color: #4394f8;
    display: block;
    font: normal 1.2em "Simplo W00 Demi", sans-serif;
    letter-spacing: 1.5px;
    margin: 0 0 15px;
    text-transform: uppercase;
    z-index: 2; }
  .item-full .gen__description--big {
    color: #909090; }
  .item-full .preview {
    display: block;
    float: left;
    margin: 0 25px 25px 0; }
  .item-full .slideshow-context {
    height: 430px;
    margin: 60px auto;
    max-width: 820px;
    overflow: hidden;
    position: relative;
    width: 65vw; }
    .item-full .slideshow-context .slide:before, .item-full .slideshow-context .slide::before {
      display: none; }
    .item-full .slideshow-context:after, .item-full .slideshow-context::after {
      left: 0;
      position: absolute;
      top: auto;
      background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.65)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
      /* IE6-9 */
      bottom: 0;
      content: " ";
      display: block;
      height: 60%;
      opacity: 0.6;
      filter: alpha(opacity=60);
      pointer-events: none;
      width: 100%; }
  .item-full .video-context, .item-full .poster-context {
    height: 80vh;
    margin: 60px 0;
    overflow: hidden;
    position: relative;
    width: 100%; }
    .item-full .video-context .embed, .item-full .poster-context .embed {
      left: 0;
      position: absolute;
      top: 0;
      height: 100%;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
      -moz-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
      -ms-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
      -o-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
      transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
      width: 100%;
      z-index: 1; }
    .item-full .video-context .features, .item-full .poster-context .features {
      left: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      text-align: center;
      width: 100%;
      z-index: 2; }
      .item-full .video-context .features .gen__button--play .icon, .item-full .poster-context .features .gen__button--play .icon {
        left: 5px;
        top: -1px; }
      .item-full .video-context .features .subtitle, .item-full .poster-context .features .subtitle {
        color: #FFF;
        display: block;
        font: normal 1.2em "Simplo W00 Demi", sans-serif;
        letter-spacing: 1.5px;
        margin: 10px 0;
        text-transform: uppercase;
        z-index: 2; }
    .item-full .video-context .video, .item-full .poster-context .video {
      display: block;
      margin: 0;
      position: relative;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .item-full .video-context.is--playing .embed, .item-full .poster-context.is--playing .embed {
      opacity: 1;
      filter: alpha(opacity=100); }
    .item-full .video-context.is--playing .features, .item-full .video-context.is--playing .video, .item-full .poster-context.is--playing .features, .item-full .poster-context.is--playing .video {
      opacity: 0;
      filter: alpha(opacity=0);
      pointer-events: none; }
  .item-full .visual-full {
    display: block;
    margin: 50px auto 60px;
    max-width: 820px;
    overflow: hidden;
    position: relative;
    width: 65vw; }

.item-full__context {
  margin: 0 auto;
  max-width: 700px;
  width: 60vw; }

.item-full__quote1 {
  margin: 30px 0 10px;
  text-align: center; }
  .item-full__quote1 .description {
    color: #1f2a44;
    display: block;
    font: italic 600 2.4em/1.2 "Open Sans", sans-serif;
    margin: 0 0 35px; }
  .item-full__quote1:before, .item-full__quote1::before {
    color: #4394f8;
    content: "“";
    font: normal 90px/1 "Gill sans"; }
  .item-full__quote1:after, .item-full__quote1::after {
    color: #4394f8;
    content: "”";
    font: normal 90px/1 "Gill sans"; }

.item-full__quote2 {
  background: #fafafa;
  margin: 130px 0 40px;
  position: relative; }
  .item-full__quote2 .description {
    color: #1f2a44;
    display: block;
    font: 600 2.4em/1.4 "Open Sans", sans-serif;
    margin: 15px 0; }
  .item-full__quote2 .wrapper {
    padding: 0 0 30px; }
  .item-full__quote2 .portrait {
    display: block;
    height: 105px;
    margin: 0 auto 20px;
    position: relative;
    width: 105px;
    margin-bottom: -80px;
    position: relative;
    top: -80px; }
    .item-full__quote2 .portrait .gen__bg {
      -webkit-border-radius: 155px;
      -moz-border-radius: 155px;
      -ms-border-radius: 155px;
      -o-border-radius: 155px;
      border-radius: 155px;
      left: 50%;
      top: 50%;
      -webkit-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
      -moz-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
      -ms-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
      -o-transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
      transform: scale(1) rotate(0) translate(-50%, -50%) skew(0, 0);
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1); }
      .safari .item-full__quote2 .portrait .gen__bg {
        -webkit-transition: -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: -webkit-transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .item-full__quote2 .portrait .text {
      left: 50%;
      position: absolute;
      top: 50%;
      background: rgba(255, 255, 255, 0.8);
      -webkit-border-radius: 105px;
      -moz-border-radius: 105px;
      -ms-border-radius: 105px;
      -o-border-radius: 105px;
      border-radius: 105px;
      display: block;
      height: 105px;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      -moz-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      -ms-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      -o-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      transform-origin: 0 0;
      width: 105px;
      z-index: 0; }
      .safari .item-full__quote2 .portrait .text {
        -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .item-full__quote2 .portrait .text span {
        left: 50%;
        position: absolute;
        top: 50%;
        color: #4394f8;
        font-size: 35px;
        display: block;
        -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translate(-50%, -5%);
        -ms-transform: translate(-50%, -5%);
        transform: translate(-50%, -5%); }
        .safari .item-full__quote2 .portrait .text span {
          -webkit-transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: -webkit-transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .item-full__quote2 .portrait:before, .item-full__quote2 .portrait::before {
      left: 50%;
      position: absolute;
      top: 50%;
      background: #4394f8;
      /* Old browsers */
      background: -moz-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4394f8), color-stop(100%, #1f2a44));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
      /* IE10+ */
      background: linear-gradient(to right, #4394f8 0%, #1f2a44 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4394f8', endColorstr='#1f2a44',GradientType=1 );
      /* IE6-9 */
      -webkit-border-radius: 105px;
      -moz-border-radius: 105px;
      -ms-border-radius: 105px;
      -o-border-radius: 105px;
      border-radius: 105px;
      content: " ";
      display: block;
      height: 112px;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 112px;
      z-index: 0; }
    .item-full__quote2 .portrait:hover .gen__bg {
      -webkit-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      -moz-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      -ms-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      -o-transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0);
      transform: scale(0.97) rotate(0) translate(-50%, -50%) skew(0, 0); }
    .item-full__quote2 .portrait:hover .text {
      opacity: 1;
      filter: alpha(opacity=100); }
      .item-full__quote2 .portrait:hover .text span {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  .item-full__quote2 .title {
    color: #aaaaaa;
    display: block;
    font: normal 1.4em "Simplo W00 Demi", sans-serif;
    letter-spacing: .25px;
    margin: 0 0 15px;
    text-transform: uppercase; }

.item-full__title {
  color: #1f2a44;
  font-size: 4.6em; }

.item-full__subtitle {
  color: #aaaaaa;
  font-size: 2.4em;
  margin: 10px 0 50px; }

.item-full__share {
  display: block;
  float: left;
  margin: 0 25px 25px 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 334px; }
  .item-full__share .button-action {
    color: #1f2a44;
    display: block;
    font: normal 1.2em "Simplo W00 Demi", sans-serif;
    letter-spacing: 1.5px;
    margin: 10px 0 0;
    text-transform: uppercase;
    -webkit-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .item-full__share .button-action img {
      height: 24px;
      opacity: 0.3;
      filter: alpha(opacity=30);
      position: relative;
      top: 5px;
      -webkit-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .item-full__share .button-action:hover {
      color: #4394f8; }
      .item-full__share .button-action:hover img {
        opacity: 1;
        filter: alpha(opacity=100); }
  .item-full__share .info {
    background: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 85px;
    padding: 10px 10px;
    text-align: left; }
    .item-full__share .info .content {
      position: relative;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .item-full__share .info .gen__subtitle--big {
      color: #1f2a44; }
    .item-full__share .info .subtitle {
      color: #aaaaaa; }
  .item-full__share .nested {
    left: 0;
    position: absolute;
    top: auto;
    bottom: 0;
    padding: 0 0 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 100%; }
    .item-full__share .nested .buttons {
      display: block;
      margin: 10px 0 0;
      overflow: hidden;
      text-align: center; }
      .item-full__share .nested .buttons .icon {
        border: 2px solid #FFF;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
        color: #FFF;
        height: 30px;
        display: inline-block;
        zoom: 1;
        *display: inline;
        font-size: 30px;
        margin: 0 10px;
        padding: 5px;
        position: relative;
        -webkit-transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
        width: 30px;
        z-index: 1; }
        .item-full__share .nested .buttons .icon.icon-social-linkedin:before, .item-full__share .nested .buttons .icon.icon-social-linkedin::before {
          left: 1px;
          position: relative;
          top: -1px; }
        .item-full__share .nested .buttons .icon:after, .item-full__share .nested .buttons .icon::after {
          left: 50%;
          position: absolute;
          top: 50%;
          background: #4394f8;
          -webkit-border-radius: 35px;
          -moz-border-radius: 35px;
          -ms-border-radius: 35px;
          -o-border-radius: 35px;
          border-radius: 35px;
          content: " ";
          display: block;
          height: 105%;
          opacity: 0;
          filter: alpha(opacity=0);
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
          -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
          -ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
          -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
          -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
          width: 105%;
          z-index: -1; }
        .item-full__share .nested .buttons .icon:hover {
          border-color: #4394f8; }
          .item-full__share .nested .buttons .icon:hover:after, .item-full__share .nested .buttons .icon:hover::after {
            opacity: 1;
            filter: alpha(opacity=100); }
    .item-full__share .nested .text {
      color: #FFF;
      font: normal 1.4em "Simplo W00 Demi", sans-serif;
      letter-spacing: 1.5px;
      text-transform: uppercase; }
    .item-full__share .nested:after, .item-full__share .nested::after {
      left: 0;
      position: absolute;
      top: auto;
      background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.65)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
      /* IE6-9 */
      bottom: 0;
      content: " ";
      display: block;
      height: 100%;
      opacity: 0;
      filter: alpha(opacity=0);
      pointer-events: none;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      width: 100%; }
  .item-full__share .visual-context {
    display: block;
    position: relative; }
    .item-full__share .visual-context .visual {
      display: block;
      width: 100%; }
    .item-full__share .visual-context:after, .item-full__share .visual-context::after {
      left: 0;
      position: absolute;
      top: auto;
      background: #4394f8;
      /* Old browsers */
      background: -moz-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4394f8), color-stop(100%, #1f2a44));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(left, #4394f8 0%, #1f2a44 100%);
      /* IE10+ */
      background: linear-gradient(to right, #4394f8 0%, #1f2a44 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4394f8', endColorstr='#1f2a44',GradientType=1 );
      /* IE6-9 */
      bottom: 0;
      content: " ";
      display: block;
      height: 3px;
      width: 100%; }
    .item-full__share .visual-context:hover .nested {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
      .item-full__share .visual-context:hover .nested:after, .item-full__share .visual-context:hover .nested::after {
        opacity: 0.6;
        filter: alpha(opacity=60); }
  .item-full__share.with--zoom .visual-context {
    overflow: hidden; }
  .item-full__share.with--zoom img {
    display: block;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .item-full__share.with--zoom:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
.layout__team {
  background: url("../img/common/team/background.jpg") center 0 no-repeat #e6e6e6; }
  .layout__team .hardware-grid {
    margin-bottom: -80px; }
  .layout__team.has--noBg {
    background: #f2f2f2; }

.filter-team {
  height: 100px;
  overflow: hidden;
  width: 100%; }
  .filter-team .buttons {
    display: inline-block;
    zoom: 1;
    *display: inline;
    list-style: none;
    text-align: center;
    width: 100%; }
    .filter-team .buttons li {
      display: inline-block;
      zoom: 1;
      *display: inline;
      margin: 0 5px;
      position: relative; }
      .filter-team .buttons li.active .gen__button--cta {
        color: #FFF; }
        .filter-team .buttons li.active .gen__button--cta .text {
          -webkit-transform: translate(0, 5px);
          -ms-transform: translate(0, 5px);
          transform: translate(0, 5px); }
        .filter-team .buttons li.active .gen__button--cta:after {
          top: 0; }
  .filter-team .collection {
    height: 50px;
    position: relative;
    width: 100%; }
    .filter-team .collection .item {
      left: 0;
      position: absolute;
      top: 0;
      display: block;
      height: 100%;
      line-height: 55px;
      opacity: 0;
      filter: alpha(opacity=0);
      text-align: center;
      -webkit-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      pointer-events: none;
      -webkit-transition-delay: 100ms;
      transition-delay: 100ms;
      width: 100%; }
      .filter-team .collection .item .button {
        color: #1f2a44;
        font: normal 1.4em "Simplo W00 Demi", sans-serif;
        display: inline-block;
        zoom: 1;
        *display: inline;
        height: 105px;
        letter-spacing: 1.5px;
        margin: 0 0;
        text-transform: uppercase;
        -webkit-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1); }
        .filter-team .collection .item .button:after, .filter-team .collection .item .button::after {
          color: #1f2a44;
          content: "●";
          display: inline-block;
          zoom: 1;
          *display: inline;
          font-size: 10px;
          margin: 0 5px 0 6px;
          position: relative;
          top: -2px; }
        .filter-team .collection .item .button:last-child:after, .filter-team .collection .item .button:last-child::after {
          display: none; }
        .filter-team .collection .item .button.active {
          color: #4394f8; }
      .filter-team .collection .item.active {
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto; }
  .filter-team.is--sticky {
    position: fixed;
    top: 0;
    -webkit-animation: sticky 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    -moz-animation: sticky 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    -ms-animation: sticky 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    -o-animation: sticky 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
    animation: sticky 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards; }

.team-collection {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 30px 0 0;
  width: 100%; }

.team-collection__item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 0 0 10px;
  padding: 0;
  position: relative;
  text-align: center;
  width: 33.33%; }
  .team-collection__item:nth-child(3n+2) {
    right: -10px; }
  .team-collection__item:nth-child(3n+3) {
    right: -20px; }

.team-related {
  background: #e6e6e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 80px auto 0;
  padding: 70px 0;
  position: relative; }
  .team-related .gen__context {
    position: relative;
    min-width: 730px; }
  .team-related .slideshow__collection {
    height: 400px;
    margin: 50px auto 0;
    overflow: hidden;
    position: relative;
    width: 730px; }
    .team-related .slideshow__collection .content {
      height: 100%;
      position: relative;
      width: 9999px; }
    .team-related .slideshow__collection .slide {
      float: left;
      margin: 0 30px 0 0;
      position: relative;
      width: 350px; }
      .team-related .slideshow__collection .slide .team-collection__item {
        height: 100%;
        width: 100%; }
        .team-related .slideshow__collection .slide .team-collection__item .visual-context {
          height: 350px; }
      .team-related .slideshow__collection .slide:before, .team-related .slideshow__collection .slide::before {
        display: none; }
      .team-related .slideshow__collection .slide:last-child {
        margin: 0; }
  .team-related .slideshow__controls {
    bottom: auto;
    height: 45px;
    pointer-events: none;
    top: 260px; }
    .team-related .slideshow__controls .button {
      background: #1f2a44;
      display: block;
      font-size: 20px;
      height: 45px;
      line-height: 45px;
      position: absolute;
      pointer-events: auto;
      -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
      top: 0;
      width: 45px; }
      .team-related .slideshow__controls .button:first-child {
        left: 0; }
      .team-related .slideshow__controls .button:last-child {
        right: 0; }
      .team-related .slideshow__controls .button:hover {
        background: #4394f8; }
      .team-related .slideshow__controls .button.disabled {
        opacity: 0.1;
        filter: alpha(opacity=10);
        pointer-events: none; }
  .team-related .title {
    color: #1f2a44;
    text-align: center; }

/* ==========================================================================
   Grid
   ========================================================================== */
/*
 * Example uses:
 *
 * <div class="grid">
 *     <div class="grid__cell unit-1-2"></div>
 *     <div class="grid__cell unit-1-2"></div>
 *     <div class="grid__cell unit-1-3"></div>
 *     <div class="grid__cell unit-1-3"></div>
 * </div>
 *
 * <div class="grid grid--center">
 *     <div class="grid__cell unit-1-3"></div>
 *     <div class="grid__cell unit-1-3"></div>
 * </div>
 */
/* Grid core
   ========================================================================== */
/**
 * Grid container
 * Must only contain `.grid` or `.grid__cell` components as children.
 *
 * 1. Adjustment for child element margins.
 * 2. Ensure consistent default alignment/
 * 3. Remove inter-unit whitespace that appears between `inline-block` child
 *    elements. Work for all non-monospace font-families.  If you're using a
 *    monospace base font, you will need to set the `grid` font-family to
 *   `sans-serif` and then redeclare the monospace font on the `grid__cell`
 *    objects.
 * 4. Protect against WebKit bug with optimizelegibility.
 */
.grid {
  display: block;
  padding: 0;
  margin: 0 -22.5px;
  /* 1 */
  text-align: left;
  /* 2 */
  letter-spacing: -0.31em;
  /* 3 */
  text-rendering: optimizespeed;
  /* 4 */ }

/**
 * Opera hack
 */
.opera:-o-prefocus, .grid {
  word-spacing: -0.43em;
  /* 3 */ }

/**
 * Child `grid` object adjustments
 * Used for more complex fixed-fluid hybrid grids.
 */
.grid > .grid {
  overflow: hidden;
  margin-right: 0;
  margin-left: 0; }

/**
 * Grid units
 * No explicit width by default. Apply `.unit-x-y` classes.
 *
 * 1. Fundamentals of the non-float grid layout mechanism.
 * 2. Apply grid gutter.
 * 3. Controls vertical positioning of units.
 * 4. Keeps content correctly aligned with the grid direction.
 * 5. Reset text defaults.
 */
.grid__cell {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  /* 1 */
  margin: 0;
  padding: 0 22.5px;
  /* 2 */
  vertical-align: top;
  /* 3 */
  text-align: left;
  /* 4 */
  letter-spacing: normal;
  /* 5 */
  word-spacing: normal;
  /* 5 */
  text-rendering: auto;
  /* 5 */ }

/* Grid modifiers
   ========================================================================== */
/**
 * Modifier: horizontally center all grid units
 * Allows for automatic unit centering irrespective of the number of
 * units in the grid.
 */
.grid--center {
  text-align: center; }

/**
 * Modifier: align horizontally all grid units to the left
 */
.grid--left {
  text-align: left; }

/**
 * Modifier: align horizontally all grid units to the right
 */
.grid--right {
  text-align: right; }

/* Grid cell modifiers
   ========================================================================== */
/**
 * Modifier: horizontally center one unit
 * Set a specific unit to be horizontally centered. Doesn't affect
 * any other units. Can still contain a child `grid` object.
 */
.grid__cell--center {
  display: block;
  margin: 0 auto; }

/**
 * Modifier: align horizontally one unit to the left
 * Set a specific unit to be horizontally on the left. Doesn't affect
 * any other units. Can still contain a child `grid` object.
 */
.grid__cell--left {
  display: block;
  margin-right: auto; }

/**
 * Modifier: align horizontally one unit to the right
 * Set a specific unit to be horizontally on the right. Doesn't affect
 * any other units. Can still contain a child `grid` object.
 */
.grid__cell--right {
  display: block;
  margin-left: auto; }

@font-face {
  font-family: 'Simplo W00 Demi';
  src: url('../font/SimploW00-Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/SimploW00-Demi.eot?#iefix') format('embedded-opentype'), url('../font/SimploW00-Demi.woff') format('woff'), url('../font/SimploW00-Demi.ttf') format('truetype'), url('../font/SimploW00-Demi.svg#3ce134d6116fc52720ac654d54015be1') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/

/*# sourceMappingURL=front.css.map */