/* #### Generated By: http://www.cufonfonts.com #### */
@font-face {
  font-family: 'Avenir LT Std 95 Black';
  font-style: normal;
  font-weight: normal;
  src: local("../fonts/Avenir LT Std 95 Black"), url("../fonts/AvenirLTStd-Black.woff") format("woff"); }

@font-face {
  font-family: 'Avenir LT Std 45 Book';
  font-style: normal;
  font-weight: normal;
  src: local("../fonts/Avenir LT Std 45 Book"), url("../fonts/AvenirLTStd-Book.woff") format("woff"); }

@font-face {
  font-family: 'Avenir LT Std 85 Heavy';
  font-style: normal;
  font-weight: normal;
  src: local("../fonts/Avenir LT Std 85 Heavy"), url("../fonts/AvenirLTStd-Heavy.woff") format("woff"); }

@font-face {
  font-family: 'Avenir LT Std 35 Light';
  font-style: normal;
  font-weight: normal;
  src: local("../fonts/Avenir LT Std 35 Light"), url("../fonts/AvenirLTStd-Light.woff") format("woff"); }

@font-face {
  font-family: 'Avenir LT Std 65 Medium';
  font-style: normal;
  font-weight: normal;
  src: local("../fonts/Avenir LT Std 65 Medium"), url("../fonts/AvenirLTStd-Medium.woff") format("woff"); }

@font-face {
  font-family: 'Avenir LT Std 55 Roman';
  font-style: normal;
  font-weight: normal;
  src: local("../fonts/Avenir LT Std 55 Roman"), url("../fonts/AvenirLTStd-Roman.woff") format("woff"); }

@font-face {
  font-family: 'Avenir LT Std 95 Black Oblique';
  font-style: normal;
  font-weight: normal;
  src: local("../fonts/Avenir LT Std 95 Black Oblique"), url("../fonts/AvenirLTStd-BlackOblique.woff") format("woff"); }

@font-face {
  font-family: 'Avenir LT Std 45 Book Oblique';
  font-style: normal;
  font-weight: normal;
  src: local("../fonts/Avenir LT Std 45 Book Oblique"), url("../fonts/AvenirLTStd-BookOblique.woff") format("woff"); }

@font-face {
  font-family: 'Avenir LT Std 85 Heavy Oblique';
  font-style: normal;
  font-weight: normal;
  src: local("../fonts/Avenir LT Std 85 Heavy Oblique"), url("../fonts/AvenirLTStd-HeavyOblique.woff") format("woff"); }

@font-face {
  font-family: 'Avenir LT Std 35 Light Oblique';
  font-style: normal;
  font-weight: normal;
  src: local("../fonts/Avenir LT Std 35 Light Oblique"), url("../fonts/AvenirLTStd-LightOblique.woff") format("woff"); }

@font-face {
  font-family: 'Avenir LT Std 65 Medium Oblique';
  font-style: normal;
  font-weight: normal;
  src: local("../fonts/Avenir LT Std 65 Medium Oblique"), url("../fonts/AvenirLTStd-MediumOblique.woff") format("woff"); }

@font-face {
  font-family: 'Avenir LT Std 55 Oblique';
  font-style: normal;
  font-weight: normal;
  src: local("../fonts/Avenir LT Std 55 Oblique"), url("../fonts/AvenirLTStd-Oblique.woff") format("woff"); }

.col-full {
  width: 63.54vw; }

.col-half {
  width: 31.77vw; }

.col-third {
  width: 21.18vw; }

.col-quarter {
  width: 15.885vw; }

.button {
  display: block;
  float: left;
  font-size: 1.654vw;
  box-shadow: 0px 0.4vw 0.2vw 0.01vw #081f26;
  padding: 1vw 0vw;
  width: 15.625vw;
  border-radius: 0.2vw; }
  .button.small {
    padding: 1vw 3vw;
    margin-right: 1vw;
    width: auto; }
  .button.green {
    background: #5aa53c;
    background: -moz-linear-gradient(top, #5aa53c 0%, #026a38 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #5aa53c), color-stop(100%, #026a38));
    background: -webkit-linear-gradient(top, #5aa53c 0%, #026a38 100%);
    background: -o-linear-gradient(top, #5aa53c 0%, #026a38 100%);
    background: -ms-linear-gradient(top, #5aa53c 0%, #026a38 100%);
    background: linear-gradient(to bottom, #5aa53c 0%, #026a38 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5aa53c', endColorstr='#026a38', GradientType=0 ); }
  .button.red {
    background: #ea2023;
    background: -moz-linear-gradient(top, #ea2023 0%, #891317 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ea2023), color-stop(100%, #891317));
    background: -webkit-linear-gradient(top, #ea2023 0%, #891317 100%);
    background: -o-linear-gradient(top, #ea2023 0%, #891317 100%);
    background: -ms-linear-gradient(top, #ea2023 0%, #891317 100%);
    background: linear-gradient(to bottom, #ea2023 0%, #891317 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2023', endColorstr='#891317', GradientType=0 ); }
  .button.blue, .button.paddle_button, .button.paddle_styled_button {
    background: #3d55a2;
    background: -moz-linear-gradient(top, #3d55a2 0%, #032b69 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #3d55a2), color-stop(100%, #032b69));
    background: -webkit-linear-gradient(top, #3d55a2 0%, #032b69 100%);
    background: -o-linear-gradient(top, #3d55a2 0%, #032b69 100%);
    background: -ms-linear-gradient(top, #3d55a2 0%, #032b69 100%);
    background: linear-gradient(to bottom, #3d55a2 0%, #032b69 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d55a2', endColorstr='#032b69', GradientType=0 ); }
  .button.cyan {
    background: #006aa8;
    background: -moz-linear-gradient(top, #006aa8 0%, #0f4991 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #006aa8), color-stop(100%, #0f4991));
    background: -webkit-linear-gradient(top, #006aa8 0%, #0f4991 100%);
    background: -o-linear-gradient(top, #006aa8 0%, #0f4991 100%);
    background: -ms-linear-gradient(top, #006aa8 0%, #0f4991 100%);
    background: linear-gradient(to bottom, #006aa8 0%, #0f4991 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006aa8', endColorstr='#0f4991', GradientType=0 ); }

html, body {
  background-color: #1f2a38;
  color: white;
  font-family: 'avenir lt std 55 roman';
  margin: 0;
  padding: 0; }
  html a, body a {
    color: white;
    text-decoration: none; }

header .computer {
  float: left;
  margin-top: 6.8vw; }
  header .computer img {
    width: 48vw; }

header::after {
  content: " ";
  display: block;
  clear: both; }

header .logo {
  float: right;
  width: 41vw;
  font-size: 1.5vw;
  text-align: center;
  margin-top: 7.5291vw;
  margin-right: 6.15vw; }
  header .logo h1 {
    color: white;
    width: 34vw;
    font-size: 3.2vw;
    margin: 0 auto;
    white-space: nowrap; }
  header .logo h2 {
    position: relative;
    font-weight: normal;
    font-size: 2.6vw;
    height: 5.9vw;
    line-height: 5.9vw;
    margin: 0vw 0 0.83333vw; }
    header .logo h2 span {
      display: block;
      float: left;
      height: 5.9vw;
      line-height: 6.2vw;
      margin-right: 1vw; }
      header .logo h2 span:first-child {
        position: absolute;
        top: 0;
        left: 0; }
      header .logo h2 span:last-child {
        margin-right: 0;
        position: absolute;
        top: 0;
        left: 7.5vw;
        white-space: nowrap; }
  header .logo h3 {
    font-family: 'Avenir LT Std 35 Light';
    font-weight: 100;
    font-weight: 1.6vw;
    font-size: 1.65vw;
    margin-top: 0;
    margin-bottom: 2vw; }
  header .logo nav {
    font-weight: bold;
    font-size: 2.08vw; }
    header .logo nav span {
      font-weight: normal; }
    header .logo nav .bar {
      display: inline-block;
      margin: 0 1vw; }
  header .logo img.logo-image {
    width: 5.9vw; }
  header .logo img.settings {
    margin: 3.5vw 0 1.9vw;
    width: 14.5vw; }

header .buttons .button:first-child {
  margin-right: 0.75vw; }

header .buttons, footer .buttons {
  display: inline-block;
  font-family: "Avenir LT Std 85 Heavy";
  font-weight: bold; }
  header .buttons::after, footer .buttons::after {
    content: " ";
    clear: both;
    display: block; }

footer {
  width: 63.54vw;
  margin: 0vw auto 2vw;
  overflow: hidden;
  text-align: center; }
  footer .buttons {
    margin-bottom: 1.5625vw; }
    footer .buttons .button {
      border-radius: 0.8vw;
      text-align: center;
      font-size: 2.57vw;
      line-height: 4.812vw;
      height: 4.25vw;
      width: 30.77vw; }
      footer .buttons .button:first-child {
        margin-right: 1.9625vw; }
      footer .buttons .button.col-full {
        width: 63.54vw; }
    footer .buttons .social-button img {
      margin-top: 3vw;
      margin-right: 3vw;
      margin-bottom: 2vw;
      height: 9.21875vw;
      width: 9.21875vw; }
  footer .copyright {
    color: #95999f; }

.root > main {
  clear: both;
  margin: 9.12vw auto 0;
  width: 63.54vw;
  text-align: center; }
  .root > main section {
    margin: 0 auto; }
    .root > main section header {
      text-align: center;
      margin-top: 5.2vw; }
      .root > main section header h2 {
        font-size: 3.5vw;
        font-family: "Avenir LT Std 85 Heavy";
        font-weight: 900;
        margin-bottom: 0vw; }
      .root > main section header h3 {
        font-size: 2vw;
        font-weight: 100;
        font-family: 'Avenir LT Std 35 Light';
        margin-top: 0vw;
        margin-bottom: 2.6vw; }
    .root > main section:first-child h3 {
      margin: 1vw; }
    .root > main section iframe {
      width: 63.54vw;
      height: 35.7291vw; }
    .root > main section img.preferences-panes {
      width: 74.2vw;
      margin-left: -5.6vw; }
    .root > main section div > p:first-child {
      margin-top: 0; }
    .root > main section div > p:last-child {
      margin-bottom: 0; }
    .root > main section:last-child h3 {
      margin-bottom: 0; }
  .root > main .feature-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .root > main .feature-list ul li {
      clear: both;
      font-family: "Avenir LT Std 85 Heavy";
      list-style-type: none;
      border: 0.2084vw solid white;
      border-bottom: 0;
      height: 11.77vw;
      font-size: 1.7vw;
      width: 63.54vw;
      margin: 0;
      padding: 0;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center; }
      .root > main .feature-list ul li .button {
        display: inline-block;
        float: none;
        font-size: 2vw;
        margin-top: 0.75vw;
        padding: 0.7vw 1.5vw;
        min-width: 9vw; }
      .root > main .feature-list ul li:last-child {
        border-bottom: 0.2083vw solid white; }
      .root > main .feature-list ul li::after {
        content: " ";
        clear: both;
        display: block; }
      .root > main .feature-list ul li .feature-image {
        height: 9.5vw;
        width: 16vw; }
        .root > main .feature-list ul li .feature-image img {
          height: 9vw; }
      .root > main .feature-list ul li p {
        margin: 0vw 2vw;
        width: 43vw; }
