* html .clearfix, * html #grid .scroller, #grid * html .scroller, * html .plans .hero .table .data, .plans .hero .table * html .data, * html .hero .laptop-cta, .hero * html .laptop-cta, * html .promo .chromebox-callout, .promo * html .chromebox-callout, * html .promo .promotion-details, .promo * html .promotion-details {
  height: 1%; }

.clearfix:after, #grid .scroller:after, .plans .hero .table .data:after, .hero .laptop-cta:after, .promo .chromebox-callout:after, .promo .promotion-details:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix, #grid .scroller, .plans .hero .table .data, .hero .laptop-cta, .promo .chromebox-callout, .promo .promotion-details {
  display: inline-block; }

.clearfix, #grid .scroller, .plans .hero .table .data, .hero .laptop-cta, .promo .chromebox-callout, .promo .promotion-details {
  display: block; }

.center, .plans .hero .table .toggle, .callout, .devices, .promotion, .hero .laptop-cta .cpu, .hero .laptop-cta .box h4, .hero .laptop-cta .box p, .signup-modal .checkmark, .signup-modal .pico-content, .cta .callout {
  position: relative;
  margin: 0 auto; }

.inline, #grid .scroller .one, #grid .scroller .one .top .left, #grid .scroller .one .top .right, #grid .scroller .two, #grid .scroller .two .bottom .left, #grid .scroller .two .bottom .right, #grid .scroller .three, #grid .scroller .three .top .top div, #grid .scroller .three .bottom .left, #grid .scroller .three .bottom .right, .plans .hero .table .toggle .text span, .plans .hero .table .data .column, header .nav li, header .nav li > a, header .portal li, .devices .monitor, .devices .laptop, .devices .ipad, .devices .ipad .screen, .hero .laptop-cta .box, .logos li, .promo .chromebox-callout .box, .promo .promotion-details .left, .promo .promotion-details .right, footer .links ul {
  display: block;
  position: relative;
  float: left; }

.preload {
  opacity: 0;
  -webkit-transition: all 1.4s ease-in-out;
  -moz-transition: all 1.4s ease-in-out;
  transition: all 1.4s ease-in-out; }

/* Promo Gradient */
.promo-gradient {
  background-image: -o-linear-gradient(-89deg, rgba(65, 92, 120, 0) 0%, #415C78 100%);
  background-image: -moz-linear-gradient(-89deg, rgba(65, 92, 120, 0) 0%, #415C78 100%);
  background-image: -ms-linear-gradient(-89deg, rgba(65, 92, 120, 0) 0%, #415C78 100%);
  background-image: linear, -179deg, rgba(65, 92, 120, 0) 0%, #415C78 100%; }

.circle-gradient, .plans .hero, .plans .faqs {
  /* Gradient BG: */
  background-image: -webkit-radial-gradient(50% 0%, rgba(153, 201, 255, 0.09) 10%, rgba(153, 200, 255, 0) 75%);
  background-image: radial-gradient(  at 50% 0%, rgba(153, 201, 255, 0.09) 10%, rgba(153, 200, 255, 0) 75%);
  border-bottom: 1px solid #4D5E70; }

.promo-callout-gradient {
  background: transparent;
  background-image: -webkit-radial-gradient(52% 52%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0) 100%);
  background-image: radial-gradient(  at 52% 52%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0) 100%); }

#grid {
  height: 35rem;
  width: 100%;
  overflow: hidden; }
  #grid div {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }
  #grid .scroller {
    height: 100%;
    width: 1693px;
    margin: 0 auto;
    position: relative; }
    #grid .scroller .one:first-child {
      margin-left: 0; }
    #grid .scroller .one {
      height: 100%;
      width: 17.125rem;
      margin-left: 8px; }
      #grid .scroller .one .top {
        height: 50.3%;
        width: 17.125rem; }
        #grid .scroller .one .top .left {
          width: 8.3125rem;
          margin-right: 4px; }
          #grid .scroller .one .top .left div {
            height: 5.375rem;
            background-color: #3F5366;
            background: rgba(153, 206, 255, 0.14);
            margin: 8px 0; }
          #grid .scroller .one .top .left div:first-child {
            margin-top: 0; }
          #grid .scroller .one .top .left div:last-child {
            margin-bottom: 0; }
        #grid .scroller .one .top .right {
          width: 8.3125rem;
          margin-left: 4px; }
          #grid .scroller .one .top .right div {
            height: 8.3125rem;
            margin: 8px 0;
            background-color: #3F5366;
            background: rgba(153, 206, 255, 0.14); }
          #grid .scroller .one .top .right div:first-child {
            margin-top: 0; }
          #grid .scroller .one .top .right div:last-child {
            margin-bottom: 0; }
      #grid .scroller .one .bottom {
        height: 50%;
        width: 17.125rem; }
        #grid .scroller .one .bottom div {
          height: 8.3125rem;
          background-color: #3F5366;
          background: rgba(153, 206, 255, 0.14);
          margin-bottom: 8px; }
    #grid .scroller .two {
      width: 17.125rem;
      height: 100%;
      margin-left: 8px; }
      #grid .scroller .two .top {
        height: 8.3125rem;
        width: 100%;
        background-color: #3F5366;
        background: rgba(153, 206, 255, 0.14);
        margin: 0 0 8px 0; }
      #grid .scroller .two .middle {
        height: 17.125rem;
        width: 100%;
        background-color: #3F5366;
        background: rgba(153, 206, 255, 0.14); }
      #grid .scroller .two .bottom {
        height: 8.3125rem;
        width: 100%;
        margin-top: 8px; }
        #grid .scroller .two .bottom .left {
          width: 8.3125rem;
          height: 100%;
          background-color: #3F5366;
          background: rgba(153, 206, 255, 0.14); }
        #grid .scroller .two .bottom .right {
          width: 8.3125rem;
          height: 100%;
          background-color: #3F5366;
          background: rgba(153, 206, 255, 0.14);
          margin-left: 8px; }
    #grid .scroller .three {
      width: 17.125rem;
      margin-left: 8px; }
      #grid .scroller .three .top {
        margin-bottom: 8px;
        height: 17.125rem; }
        #grid .scroller .three .top .top {
          height: 8.3125rem; }
          #grid .scroller .three .top .top div {
            background-color: #3F5366;
            background: rgba(153, 206, 255, 0.14);
            height: 8.3125rem;
            width: 8.3125rem;
            margin-right: 8px; }
          #grid .scroller .three .top .top div:last-child {
            margin-right: 0; }
        #grid .scroller .three .top .bottom {
          background-color: #3F5366;
          background: rgba(153, 206, 255, 0.14);
          height: 8.3125rem; }
      #grid .scroller .three .bottom .left {
        width: 8.3125rem;
        margin-right: 4px; }
        #grid .scroller .three .bottom .left div {
          height: 5.375rem;
          background-color: #3F5366;
          background: rgba(153, 206, 255, 0.14);
          margin: 8px 0; }
        #grid .scroller .three .bottom .left div:first-child {
          margin-top: 0; }
        #grid .scroller .three .bottom .left div:last-child {
          margin-bottom: 0; }
      #grid .scroller .three .bottom .right {
        width: 8.3125rem;
        margin-left: 4px; }
        #grid .scroller .three .bottom .right div {
          height: 8.3125rem;
          margin: 8px 0;
          background-color: #3F5366;
          background: rgba(153, 206, 255, 0.14); }
        #grid .scroller .three .bottom .right div:first-child {
          margin-top: 0; }
        #grid .scroller .three .bottom .right div:last-child {
          margin-bottom: 0; }

#verify-email {
  color: #1AFFE4; }

#email-signup-vad-success {
  padding: 0 20px;
}

#email-signup-vad-success .text {
  margin-top: 45px; }

.plans header {
  border-bottom: 1px solid #4D5E70;
  background-color: rgba(42, 51, 61, 0.95); }
.plans .hero {
  padding-top: 10.5rem; }
  .plans .hero h2 {
    text-align: center; }
  .plans .hero p {
    margin: 0; }
  .plans .hero .box {
    width: 71.5rem;
    margin-right: 2rem;
    background-color: #35414F;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 25px; }
  .plans .hero .table .line {
    border-top: 1px solid #4D5E70;
    width: 370px;
    top: -30px;
    position: relative; }
  .plans .hero .table .toggle {
    width: 22.5rem;
    padding-top: 1.5625rem; }
    .plans .hero .table .toggle .text span {
      width: 50%;
      text-align: center;
      top: 0;
      height: 60px; }
      .plans .hero .table .toggle .text span p:first-child {
        left: 36px; }
      .plans .hero .table .toggle .text span p:last-child {
        margin: 0;
        top: 17px;
        position: absolute;
        left: 42px;
        color: #fff; }
    .plans .hero .table .toggle .cmn-toggle {
      position: absolute;
      margin-left: -9999px;
      visibility: hidden; }
    .plans .hero .table .toggle .cmn-toggle + label {
      display: block;
      position: relative;
      cursor: pointer;
      outline: none;
      user-select: none; }
    .plans .hero .table .toggle input.cmn-toggle-round + label {
      padding: 2px;
      width: 360px;
      height: 60px;
      border-radius: 60px;
      border: 1px solid #4D5E70; }
    .plans .hero .table .toggle input.cmn-toggle-round + label:before,
    .plans .hero .table .toggle input.cmn-toggle-round + label:after {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      content: ""; }
    .plans .hero .table .toggle input.cmn-toggle-round + label:before {
      right: 1px;
      -webkit-border-radius: 70px;
      -moz-border-radius: 70px;
      -ms-border-radius: 70px;
      border-radius: 70px; }
    .plans .hero .table .toggle input.cmn-toggle-round + label:after {
      width: 180px;
      background: rgba(25, 255, 228, 0.1);
      box-shadow: 0px 0px 0px 1px #1AFFE4;
      -webkit-box-shadow: 0px 0px 0px 1px #1AFFE4;
      -moz-box-shadow: 0px 0px 0px 1px #1AFFE4;
      -webkit-border-radius: 70px;
      -moz-border-radius: 70px;
      -ms-border-radius: 70px;
      border-radius: 70px;
      transition: margin 0.4s; }
    .plans .hero .table .toggle input.cmn-toggle-round:checked + label:after {
      margin-left: 177px;
      background: rgba(255, 255, 255, 0.1);
      box-shadow: 0px 0px 0px 1px #fff;
      -webkit-box-shadow: 0px 0px 0px 1px #fff;
      -moz-box-shadow: 0px 0px 0px 1px #fff;}
  .plans .hero .table .data {
    position: relative;
    padding-top: 3.75rem; }
    .plans .hero .table .data .column:last-child {
      border-right: 1px solid #4D5E70; }
    .plans .hero .table .data .column:last-child .promo {
      border-right: 1px solid #1AFFE4;
      border-left: 1px solid #1affe4;
      margin-left: -1px; }
    .plans .hero .table .data .column:first-child .promo {
      border-left: 1px solid #1AFFE4; }
    .plans .hero .table .data .column {
      border-top: 1px solid #4D5E70;
      border-bottom: 1px solid #4D5E70;
      border-left: 1px solid #4D5E70;
      height: 605px;
      width: 284px;
      text-align: center; }
      .plans .hero .table .data .column .capstone {
        padding: 20px; }
        .plans .hero .table .data .column .capstone h4 {
          margin: 0;
        }
      .plans .hero .table .data .column .pricing {
        background: rgba(138, 169, 207, 0.1);
        border-top: 1px solid #4D5E70;
        border-bottom: 1px solid #4D5E70;
        padding: 30px; }
        .plans .hero .table .data .column .pricing .dollars {
          height: 60px;
          overflow: hidden; }
          .plans .hero .table .data .column .pricing .dollars h2 {
            padding-bottom: 18px;
            position: relative; }
          .plans .hero .table .data .column .pricing .dollars h2.slide {
            margin-top: 0; }
        .plans .hero .table .data .column .pricing span {
          font-size: 16px;
          top: -6px;
          position: relative;
          left: 3px; }
      .plans .hero .table .data .column .promo {
        height: 175px;
        border-top: 1px solid #1AFFE4;
        border-bottom: 1px solid #1AFFE4;
        background: rgba(25, 255, 228, 0.1);
        }
        .plans .hero .table .data .column .promo .tv-3 {
          background: url("../images/redesign/pricing/tv-3.png");
          background-repeat: no-repeat;
          width: 207px;
          position: relative;
          margin: 0 auto;
          height: 110px;
          top: 15px; }
          .plans .hero .table .data .column .promo .tv-1 {
            background: url("../images/redesign/pricing/tv-1.png");
            background-repeat: no-repeat;
            width: 207px;
            position: relative;
            margin: 0 auto;
            height: 110px;
            top: 15px; }
          /*@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            .plans .hero .table .data .column .promo .fourty-six {
              background-image: url("../images/redesign/pricing/pricing-screen-46_2x.png");
              background-size: 151px 88px; } }*/
        .plans .hero .table .data .column .promo .tv-2 {
          background: url("../images/redesign/pricing/tv-2.png");
          width: 207px;
          position: relative;
          margin: 0 auto;
          height: 110px;
          top: 15px; }
          /*@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          .plans .hero .table .data .column .promo .fourty-two {
            background-image: url("../images/redesign/pricing/pricing-screen-42_2x.png");
            background-size: 151px 84px; } }*/
        .plans .hero .table .data .column .promo p {
          margin: 18px;
          line-height: 25px;
          color: #1AFFE4;
          font-size: 14px; }
        .plans .hero .table .data .column .promo span {
          color: #fff;
          font-size: 14px;
          position: relative; }
      .plans .hero .table .data .column button.trial {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        outline: none;
        background-color: rgba(255, 255, 255, 0.075);
        color: #fff !important;
        font-family: inherit;
        border: 1px solid #fff;
        font-size: 1rem;
        padding: 0.4375rem 0.875rem 0.5625rem 0.875rem; }
        .plans .hero .table .data .column button.trial > * {
          color: #fff;
          border-bottom: none; }
        .plans .hero .table .data .column button.trial:hover, .plans .hero .table .data .column button.trial:focus {
          background-color: rgba(255, 255, 255, 0.4);
          color: #fff; }
          .plans .hero .table .data .column button.trial:hover > *, .plans .hero .table .data .column button.trial:focus > * {
            color: #fff; }
        .plans .hero .table .data .column button.trial a {
          color: #fff;
          text-decoration: none; }
      .plans .hero .table .data .column button.trial.active {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        outline: none;
        background-color: rgba(255, 255, 255, 0.075);
        color: #fff !important;
        font-family: inherit;
        border: 1px solid #fff;
        font-size: 1rem;
        padding: 0.4375rem 0.875rem 0.5625rem 0.875rem; }
        .plans .hero .table .data .column button.trial.active > * {
          color: #fff;
          border-bottom: none; }
        .plans .hero .table .data .column button.trial.active:hover, .plans .hero .table .data .column button.trial.active:focus {
          background-color: rgba(255, 255, 255, 0.4);
          color: #fff; }
          .plans .hero .table .data .column button.trial.active:hover > *, .plans .hero .table .data .column button.trial.active:focus > * {
            color: #fff; }
        .plans .hero .table .data .column button.trial.active a {
          color: #fff;
          text-decoration: none; }
      .plans .hero .table .data .column .bullets {
        padding: 20px; }
        .plans .hero .table .data .column .bullets li {
          padding: 5px; }
    .plans .hero .table .data .column.active {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid #fff;
      height: 650px;
      padding-top: 20px;
      padding-bottom: 20px;
      top: -20px; }
      .plans .hero .table .data .column.active .capstone {
        padding: 0 20px 13px 20px; }
        .plans .hero .table .data .column .capstone h4 {
          margin: 0;
        }
      .plans .hero .table .data .column.active .pricing {
        background: rgba(74,89,103, 1);
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;}
.plans .faqs {
  padding-top: 6.25rem;
  border-bottom: 0 !important;}
  .plans .faqs .container {
    width: 47rem; }
  .plans .faqs h2 {
    text-align: center;
    padding-bottom: 3.75rem; }
  .plans .faqs p {
    padding-bottom: 0.75rem; }

* {
  -webkit-font-smoothing: antialiased;
    box-sizing: border-box; }

body {
  background-color: #2A333D !important;
  background-image: none !important;
  font-size: 16px !important;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  margin: 0;
  color: #fff; }

.container {
  width: 76.5rem;
  position: relative;
  margin: 0 auto;
  margin-bottom: 6.25rem; }

.callout {
  text-align: center;
  width: 34.75rem; }

ul {
  padding: 0;
  margin: 0; }

.bxslider {
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }

.no-scroll {
  overflow: hidden; }

button {
  -webkit-backface-visibility: hidden;
  transition: all 0.2s; }

button.login {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  background-color: rgba(255, 255, 255, 0.075);
  color: #fff;
  font-family: inherit;
  border: 1px solid #fff;
  font-size: 1rem;
  padding: 0.4375rem 0.875rem 0.5625rem 0.875rem;
  position: relative;
  top: -8px; }
  button.login > * {
    color: #fff;
    border-bottom: none; }
  button.login:hover, button.login:focus {
    background-color: rgba(255, 255, 255, 0.4);
    color: #fff; }
    button.login:hover > *, button.login:focus > * {
      color: #fff; }
  button.login a {
    color: #fff;
    text-decoration: none; }

button.try {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  background-color: rgba(26, 255, 228, 0.075);
  color: #1AFFE4 !important;
  font-family: inherit;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(26, 255, 228, 0.15), inset 0px 0px 30px 1px rgba(26, 255, 228, 0.15);
  -moz-box-shadow: 0px 0px 20px 0px rgba(26, 255, 228, 0.15), inset 0px 0px 30px 1px rgba(26, 255, 228, 0.15);
  box-shadow: 0px 0px 20px 0px rgba(26, 255, 228, 0.15), inset 0px 0px 30px 1px rgba(26, 255, 228, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #1AFFE4;
  font-family: "Titillium Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.5rem;
  padding: 0.75rem 1.875rem 1rem 1.875rem;
  margin-top: 2.25rem; }
  button.try > * {
    color: #1AFFE4 !important;
    border-bottom: none; }
  button.try:hover, button.try:focus {
    background-color: rgba(26, 255, 228, 0.4);
    color: #fff !important; }
    button.try:hover > *, button.try:focus > * {
      color: #fff !important; }

button.promo-sign-up {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  background-color: rgba(255, 255, 255, 0.075);
  color: #fff;
  font-family: inherit;
  border: 1px solid #fff;
  font-family: "Titillium Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.5rem;
  padding: 0.75rem 1.875rem 1rem 1.875rem;
  margin-top: 1.5rem; }
  button.promo-sign-up > * {
    color: #fff;
    border-bottom: none; }
  button.promo-sign-up:hover, button.promo-sign-up:focus {
    background-color: rgba(255, 255, 255, 0.4);
    color: #fff; }
    button.promo-sign-up:hover > *, button.promo-sign-up:focus > * {
      color: #fff; }
  button.promo-sign-up a {
    color: #fff;
    text-decoration: none; }

button.promo-sign-up-two {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  background-color: rgba(26, 255, 228, 0.075);
  color: #1AFFE4;
  font-family: inherit;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(26, 255, 228, 0.15), inset 0px 0px 30px 1px rgba(26, 255, 228, 0.15);
  -moz-box-shadow: 0px 0px 20px 0px rgba(26, 255, 228, 0.15), inset 0px 0px 30px 1px rgba(26, 255, 228, 0.15);
  box-shadow: 0px 0px 20px 0px rgba(26, 255, 228, 0.15), inset 0px 0px 30px 1px rgba(26, 255, 228, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #1AFFE4;
  font-family: "Titillium Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.5rem;
  padding: 0.75rem 1.875rem 1rem 1.875rem; }
  button.promo-sign-up-two > * {
    color: #1AFFE4;
    border-bottom: none; }
  button.promo-sign-up-two:hover, button.promo-sign-up-two:focus {
    background-color: rgba(26, 255, 228, 0.4);
    color: #fff; }
    button.promo-sign-up-two:hover > *, button.promo-sign-up-two:focus > * {
      color: #fff; }

li {
  list-style: none; }

h1 {
  font-weight: 400;
  font-family: "Titillium Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 2.875rem !important;
  line-height: 1.15em;
  margin: 0;
  padding-bottom: 0.5em; }

h2 {
  font-weight: 400;
  font-family: "Titillium Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 2.25rem !important;
  margin: 0;
  padding-bottom: 0.75em;
  line-height: 1.15em;
   }

h3 {
  font-size: 1.5em;
  font-family: "Titillium Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: #BDCBDB;
  font-weight: 400;
  margin: 0 0 1.375rem 0; }

h4 {
  font-weight: 400;
  font-family: "Titillium Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.375rem;
  line-height: 1.2em; }

p {
  color: #BDCBDB;
  margin: 0 0 1.375rem 0;
  line-height: 1.7em; }

a {
  text-decoration: none;
  color: #fff !important;
  border-bottom: 1px solid transparent;
  transition: border-color 0.075s linear; }
  a:hover, a:focus, a:active {
    border-color: #fff;
    outline: none; }

.header-fade {
  background-color: #2A333D;
  background: rgba(42, 51, 61, 0.95);
  border-bottom: 1px solid #4D5E70; }

header {
  width: 100%;
  position: absolute;
  padding-top: 3.4375rem;
  transition: background-color 0.3s ease-in-out;
  box-sizing: content-box;
  z-index: 99;
  height: 60px; }
  header .container {
    top: 0.25rem; }
    header .container li {
      line-height: 1.625rem; }
  header .nav {
    float: left;
    top: -2px;
    position: relative; }
    header .nav li {
      padding-left: 1.6875rem;
      font-weight: 400; }
      header .nav li > a {
        font-weight: 400; }
  header .portal {
    float: right;
    position: relative;
    top: -2px; }
    header .portal li {
      padding-left: 1.6875rem; }
      header .portal li > a {
        font-weight: 400; }
  header .logo {
    float: left;
    cursor: pointer;
    background-image: url("../images/redesign/leftronic-light.svg");
    width: 12.5625rem;
    -webkit-transition: opacity .1s ease-in;
    -moz-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
    height: 2.4375rem; }
    header .logo:hover {
      opacity: 0.75;
    }
    .no-svg header .logo {
      background-image: url("../images/redesign/leftronic-light.png"); }

.video {
  height: 43.75rem;
  width: 100%;
  background-color: #415c78;
  min-width: 1144px; }
  .video .placeholder {
    background-color: #415c78;
    position: absolute;
    height: 700px;
    width: 100%;
    z-index: 9; }
  .video .video-iframe {
    z-index: 0;
    position: relative; }
    .video .video-iframe .hero-gradient {
      background-color: rgba(65, 92, 120, 0.2);
      background-image: -webkit-linear-gradient(-90deg, rgba(65, 92, 120, 0.2) 0%, #415c78 90%);
      background-image: linear-gradient(-180deg,rgba(65, 92, 120, 0.2) 0%, #415c78 90%);
      position: absolute;
      overflow: auto;
      height: 700px;
      width: 100%; }
    .video .video-iframe iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      max-height: 700px; }
  .video .main {
    width: 23rem;
    position: relative;
    z-index: 10;
    padding-top: 12.5rem; }
    .video .main > * {
      opacity: 0;
      -webkit-transition: all 1.4s ease-in;
      -moz-transition: all 1.4s ease-in;
      transition: all 1.4s ease-in; }

.fadeIn {
  opacity: 1 !important; }

.devices {
  margin-top: -14.625rem;
  margin-bottom: 3.75rem;
  width: 71.25rem;
  height: 20rem;
  z-index: 11; }
  .devices .monitor {
    z-index: 5;
    background-color: #000;
    width: 30.75rem;
    height: 16.875rem;

    left: -2.8rem; }
    .devices .monitor .black {
      position: relative;
      top: -17.1875rem; }
    .devices .monitor .screen {
      background-image: url("../images/redesign/device-monitor.svg");
      z-index: 6;
      width: 33.25em;
      height: 21.25rem;
      position: relative;
      top: -35.6875rem;
      right: 1.25rem; }
      .no-svg .devices .monitor .screen {
        background-image: url("../images/redesign/device-monitor.png"); }
  .devices .laptop {
    z-index: 4;
    background-color: #000;
    width: 15.1875rem;
    height: 9.125rem;
    top: 3.75rem; }
    .devices .laptop .black {
      top: -9.4375rem;
      position: relative; }
    .devices .laptop .screen {
      background-image: url("../images/redesign/device-laptop.svg");
      z-index: 3;
      width: 21.4375rem;
      height: 12.125rem;
      position: relative;
      top: -20.1875rem;
      left: -3.125rem; }
      .no-svg .devices .laptop .screen {
        background-image: url("../images/redesign/device-laptop.png"); }
  .devices .laptop.two {
    right: 5.5rem; }
    .devices .laptop.two .screen {
      background-image: url("../images/redesign/device-laptop.svg");
      z-index: 3;
      width: 21.4375rem;
      height: 12.125rem;
      position: relative;
      top: -20.1875rem;
      left: -3.125rem; }
      .no-svg .devices .laptop.two .screen {
        background-image: url("../images/redesign/device-laptop.png"); }
  .devices .ipad {
    background-color: #000;
    width: 7.875rem;
    height: 5.5rem;
    top: 5.625rem;
    left: 0.75rem; }
    .devices .ipad .black {
      top: -5.8125rem;
      position: relative; }
    .devices .ipad .screen {
      background-image: url("../images/redesign/device-ipad.svg");
      z-index: 2;
      height: 7.6875rem;
      width: 10.4375rem;
      top: -12.875rem;
      left: -1.25rem; }
      .no-svg .devices .ipad .screen {
        background-image: url("../images/redesign/device-ipad.png"); }
  .devices .ipad.two {
    background-color: #000;
    width: 7.875rem;
    height: 5.5rem;
    top: -3.455rem;
    left: 8.8125rem; }
    .devices .ipad.two .screen {
      background-image: url("../images/redesign/device-ipad.svg");
      z-index: 2;
      height: 7.6875rem;
      width: 10.4375rem;
      top: -202px;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
      .no-svg .devices .ipad.two .screen {
        background-image: url("../images/redesign/device-ipad.png"); }
  .devices .color {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
  .devices .black {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

.promotion {
  width: 71.5rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #FFE066;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(255, 224, 102, 0.15), inset 0px 0px 30px 1px rgba(255, 224, 102, 0.15);
  -moz-box-shadow: 0px 0px 20px 0px rgba(255, 224, 102, 0.15), inset 0px 0px 30px 1px rgba(255, 224, 102, 0.15);
  box-shadow: 0px 0px 20px 0px rgba(255, 224, 102, 0.15), inset 0px 0px 30px 1px rgba(255, 224, 102, 0.15);
  height: 68px;
  margin-bottom: 3.75rem; }
  .promotion h4 {
    padding: 1.15rem;
    float: left;
    margin: 0;
    position: relative;
    width: 75%; }
  .promotion button.promo-sign-up-small {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    background-color: rgba(255, 224, 102, 0.075);
    color: #FFE066;
    font-family: inherit;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #FFE066;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(255, 224, 102, 0.15), inset 0px 0px 30px 1px rgba(255, 224, 102, 0.15);
    -moz-box-shadow: 0px 0px 20px 0px rgba(255, 224, 102, 0.15), inset 0px 0px 30px 1px rgba(255, 224, 102, 0.15);
    box-shadow: 0px 0px 20px 0px rgba(255, 224, 102, 0.15), inset 0px 0px 30px 1px rgba(255, 224, 102, 0.15);
    font-size: 1rem;
    padding: 0.4375rem 0.875rem 0.5625rem 0.875rem;
    float: right;
    position: relative;
    margin: 13px; }
    .promotion button.promo-sign-up-small a {
      color: #FFE066 !important;
      border-bottom: none; }
    .promotion button.promo-sign-up-small a:hover, .promotion button.promo-sign-up-small a:focus {
      color: #fff !important; }
      .promotion button.promo-sign-up-small:hover > *, .promotion button.promo-sign-up-small:focus > * {
        color: #fff;
      }

      .chromebox-callout .row {
        overflow: auto;
        position: relative;
      }
        .chromebox-callout .row .right {
          width: 71%;
          float: right;
          height: 285px;
          position: relative;
        }

          .chromebox-callout .row .left {
            width: 29%;
            float: left;
            position: relative;
            margin-top: 72px;
            text-align: center;
          }

          .chromebox-callout .row .left span.color {
            display: inherit;
            float: left;
            height: 140px;
            margin-top: 21px;
            font-weight: bold;
          }

          .chromebox-callout .row .left span.white {
            color: white;
            display: block;
          }

      .chromebox-callout .row .right .callout {
        position: relative;
        float: left;
      }

      .chromebox-callout .row.one .right .callout {
        background: url("../images/redesign/PROMOTION-GRAPHIC5.png");
        width: 218px;
        height: 246px;
      }

      .chromebox-callout .row.two .right .callout {
        background: url("../images/redesign/PROMOTION-GRAPHIC10.png");
        width: 434px;
        height: 246px;
      }

      .chromebox-callout .row.three .right .callout {
        background: url("../images/redesign/PROMOTION-GRAPHIC20.png");
        width: 665px;
        height: 248px;
      }

.promoCallout {
  margin: 56px auto;
  width: 550px;
  opacity: 0;
  z-index: 99999;
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in; }
  .promoCallout .smallPromo {
    box-sizing: border-box;
    width: 355px;
    border: 1px solid #fff;
    padding: 10px 85px 10px 16px;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    position: relative; }
    .promoCallout .smallPromo .tvImage {
      background-image: url("../images/redesign/promoTV.png");
      position: absolute;
      top: -20px;
      right: -6px;
      width: 150px;
      height: 84px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .promoCallout .smallPromo .tvImage {
          background-image: url("../images/redesign/promoTV@2x.png");
          background-size: 150px 84px; } }
    .promoCallout .smallPromo p {
      font-size: 0.875rem;
      color: #BDCBDB;
      line-height: 1.375rem;
      font-size: 14px;
      line-height: 22px;
      margin: 0;
      color: #fff; }

  .learn-more {
    text-decoration: none !important;
    border-bottom: none !important;
  }
  .lern-more:hover {
    text-decoration: none !important;
    border-bottom: none !important;
  }
  .promoCallout .try {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    background-color: rgba(26, 255, 228, 0.075);
    color: #1AFFE4;
    font-family: inherit;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #1AFFE4;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(26, 255, 228, 0.15), inset 0px 0px 30px 1px rgba(26, 255, 228, 0.15);
    -moz-box-shadow: 0px 0px 20px 0px rgba(26, 255, 228, 0.15), inset 0px 0px 30px 1px rgba(26, 255, 228, 0.15);
    box-shadow: 0px 0px 20px 0px rgba(26, 255, 228, 0.15), inset 0px 0px 30px 1px rgba(26, 255, 228, 0.15);
    font-family: "Titillium Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.5rem;
    padding: 0.75rem 1.875rem 1rem 1.875rem;
    display: inline-block;
    margin: 0;
    margin-right: 12px; }
    .promoCallout .try a {
      color: #1AFFE4 !important;
      border-bottom: none; }
    .promoCallout .try a:hover, .promoCallout .try a:focus {
      /*background-color: rgba(26, 255, 228, 0.4);*/
      color: #fff !important; }
      .promoCallout .try:hover a, .promoCallout .try:focus > * {
        color: #fff; }


.hero {
  position: relative; }
  .hero h1 {
    width: 21.6875rem; }
  .hero .callout {
    width: 34.5rem;
    padding-top: 0; }
  .hero .laptop-cta {
    position: relative;
    height: 100%;
    margin-bottom: 6.25rem; }
    .hero .laptop-cta .cpu {
      height: 15rem; }
    .hero .laptop-cta .box {
      height: 34rem;
      width: 22.5rem;
      margin-right: 72px; }
      .hero .laptop-cta .box:last-child {
        margin-right: 0; }
      .hero .laptop-cta .box h4 {
        width: 16.25rem;
        text-align: center;
        margin-bottom: 1.5625rem; }
      .hero .laptop-cta .box p {
        width: 16.25rem;
        text-align: center;
        margin-bottom: 1.5625rem; }
      .hero .laptop-cta .box a {
        text-decoration: none;
        text-align: center;
        width: 22.125rem; }
      .hero .laptop-cta .box li {
        text-align: center; }
    .hero .laptop-cta .blue {
      -webkit-box-shadow: 0px 0px 20px 0px rgba(77, 198, 255, 0.15), inset 0px 0px 30px 1px rgba(77, 198, 255, 0.15);
      -moz-box-shadow: 0px 0px 20px 0px rgba(77, 198, 255, 0.15), inset 0px 0px 30px 1px rgba(77, 198, 255, 0.15);
      box-shadow: 0px 0px 20px 0px rgba(77, 198, 255, 0.15), inset 0px 0px 30px 1px rgba(77, 198, 255, 0.15);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid #4DC6FF; }
      .hero .laptop-cta .blue div:first-child {
        background-image: url("../images/redesign/floatingHead.svg");
        background-repeat: no-repeat;
        background-position: center; }
      .hero .laptop-cta .blue a {
        color: #4DC6FF; }
    .hero .laptop-cta .yellow {
      -webkit-box-shadow: 0px 0px 20px 0px rgba(255, 224, 102, 0.15), inset 0px 0px 30px 1px rgba(255, 224, 102, 0.15);
      -moz-box-shadow: 0px 0px 20px 0px rgba(255, 224, 102, 0.15), inset 0px 0px 30px 1px rgba(255, 224, 102, 0.15);
      box-shadow: 0px 0px 20px 0px rgba(255, 224, 102, 0.15), inset 0px 0px 30px 1px rgba(255, 224, 102, 0.15);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid #FFE066; }
      .hero .laptop-cta .yellow div:first-child {
        background-image: url("../images/redesign/customDash.svg");
        background-repeat: no-repeat;
        background-position: center; }
      .hero .laptop-cta .yellow a {
        color: #FFE066; }
    .hero .laptop-cta .red {
      -webkit-box-shadow: 0px 0px 20px 0px rgba(242, 121, 141, 0.15), inset 0px 0px 30px 1px rgba(242, 121, 141, 0.15);
      -moz-box-shadow: 0px 0px 20px 0px rgba(242, 121, 141, 0.15), inset 0px 0px 30px 1px rgba(242, 121, 141, 0.15);
      box-shadow: 0px 0px 20px 0px rgba(242, 121, 141, 0.15), inset 0px 0px 30px 1px rgba(242, 121, 141, 0.15);
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid #F2798D; }
      .hero .laptop-cta .red div:first-child {
        background-image: url("../images/redesign/cogs.svg");
        background-repeat: no-repeat;
        background-position: center; }
      .hero .laptop-cta .red a {
        color: #F2798D; }

.logos {
  height: 4.3125rem;
  margin-bottom: 6.25rem;
  margin-top: 3.75rem; }
  .logos li {
    margin-right: 4.6875rem; }
  .logos li:last-child {
    margin-right: 0; }
  .logos .used-by {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #4D5E70;
    color: #8093a8;
    height: 2.9375rem;
    width: 2.9375rem;
    padding: 0.625rem;
    text-align: center;
    position: relative; }
  .logos .nike {
    top: 5px; }
  .logos .autodesk {
    top: 10px; }
  .logos .yale {
    top: 4px; }
  .logos .homeaway {
    top: 4px; }
  .logos .vodafone {
    top: -2px; }

.promo .nav a {
  color: #fff; }

.promo a {
  border-bottom: none !important;
}

.promo a:hover {
  text-decoration: underline !important;
}

.promo h1 {
  color: #fff !important;
}

.promo h2 {
  color: #fff;
}
.promo .hangtag {
  color: #fff;
  position: relative;
  border-top: 1px solid #4E5E6F;
  background-color: #2EABE6;
  padding-top: 12.5rem;
  height: 46.25rem;
  overflow: hidden;
  margin-bottom: 6.25rem; }
  .promo .hangtag .left {
    text-align: center;
    width: 45%;
    padding: 3.75rem 0 0 0;
    background-image: -webkit-radial-gradient(50% 50%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0) 70%);
    background-image: radial-gradient(  at 50% 50%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0) 70%); }
    .promo .hangtag .left h3 {
      color: #fff; }
  .promo .hangtag .right {
    background: url("../images/redesign/large-tv-cut.png");
    width: 49.25rem;
    height: 38.4375rem;
    position: absolute;
    right: -8.75rem;
    top: -1.875rem; }
.promo .chromebox-callout {
  position: relative;
  margin-bottom: 4.5rem; }
  .promo .chromebox-callout .box {
    height: 13.125rem;
    /*background-color: #35414F;*/
    border-radius: 3px; }
    .promo .chromebox-callout .box:last-child {
      margin-right: 0; }
    .promo .chromebox-callout .box .tier-one {
      background: url("../images/redesign/PROMOTION-GRAPHIC5.png") 0px 0px no-repeat;
      height: 276px;
      /*margin-top: 60px;*/
      width: 278px;
      background-image: url("../images/redesign/PROMOTION-GRAPHIC5.png"); }
    .promo .chromebox-callout .box .tier-two {
      background: url("../images/redesign/PROMOTION-GRAPHIC10.png") 0px 0px no-repeat;
      /*margin-top: 60px;*/
      /*margin-bottom: 0.75rem;*/
      height: 276px;
      width: 530px;
      background-image: url("../images/redesign/PROMOTION-GRAPHIC10.png"); }
    .promo .chromebox-callout .box .tier-three {
      background: url("../images/redesign/PROMOTION-GRAPHIC20.png") 0px 0px no-repeat;
      margin: 0 auto;
      height: 278px;
      width: 817px;
      background-image: url("../images/redesign/PROMOTION-GRAPHIC20.png"); }
    .promo .chromebox-callout .box .white {
      color: #fff; }
    .promo .chromebox-callout .box h4 {
      text-align: center; }
    .promo .chromebox-callout .box p {
      text-align: center;
      font-size: 0.875rem; }
  .promo .chromebox-callout .box:last-child {
    margin-right: 0; }
.promo .promotion-details {
  height: 100%;
  margin-bottom: 6.25rem; }
  .promo .promotion-details h3 {
    color: #fff; }
  .promo .promotion-details .left {
    width: 47rem;
    margin-right: 3.7rem; }
    .promo .promotion-details .left button {
      margin-top: 1.25rem; }
  .promo .promotion-details .right {
    width: 22.5rem; }
    .promo .promotion-details .right .promo-legal {
      border: 1px solid #4D5E70;
      width: 100%;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      border-radius: 2px; }
      .promo .promotion-details .right .promo-legal p {
        color: #fff;
        padding: 15px 0 15px 20px; }
      .promo .promotion-details .right .promo-legal p:first-child {
        border-bottom: 1px solid #4D5E70; }
      .promo .promotion-details .right .promo-legal .numbers {
        font-size: 0.875rem;
        color: #BDCBDB;
        line-height: 1.375rem;
        padding: 0 40px 40px 40px; }
        .promo .promotion-details .right .promo-legal .numbers li {
          list-style: decimal !important;
          margin-bottom: 0.9375rem; }

.signup-modal {
  width: 23.75rem;
  top: 30% !important;
  margin: -158px 0px 0px -160px !important;
  padding: 0 !important; }
  .checkmark {
    background: url("../images/redesign/checkmark.svg");
    width: 5rem;
    height: 5rem;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 auto;
    top: 1.0625rem; }
  .signup-modal .pico-content {
    padding-bottom: 0rem;
    left: 0 !important; }
    .signup-modal .pico-content label {
      padding: 1.875rem 0rem 0.625rem; }
  .signup-modal button.login a {
    color: #1AFFE4; }
  .signup-modal .signup-success {
    position: absolute;
    display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    top: 0;
    width: 100%;
    background-color: #2A333D !important; }
    .signup-modal .signup-success .text {
      text-align: center;
      position: relative;
      top: 1.75rem; }

  #email-signup-vad-submit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    background-color: rgba(255, 255, 255, 0.075);
    color: #fff;
    font-family: inherit;
    border: 1px solid #fff;
    font-size: 1rem;
    padding: 0.4375rem 0.875rem 0.5625rem 0.875rem;
    margin-right: 20px;
    width: 135px;
    height: 40px; }
    .signup-modal #email-signup-vad-submit > * {
      color: #fff;
      border-bottom: none; }
    .signup-modal #email-signup-vad-submit:hover, .signup-modal #email-signup-vad-submit:focus {
      background-color: rgba(255, 255, 255, 0.4);
      color: #fff; }
      .signup-modal #email-signup-vad-submit:hover > *, .signup-modal #email-signup-vad-submit:focus > * {
        color: #fff; }
    .signup-modal #email-signup-vad-submit a {
      color: #fff;
      text-decoration: none; }

  .signup-error {
    color: #f26179 !important;
    font-size: 14px !important;
    margin: 14px 0 0 !important;
  }
.terms-modal {
  width: 45rem;
  margin: -375px 0px 0px -360px !important;
  padding: 0 !important;
  top: 47% !important;}

.pico-content {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: #BDCBDB;
  top: 25%;
  left: 50%;
  background-color: #2A333D !important;
  box-shadow: 0 40px 70px rgba(42, 51, 61, 0.3); }
  .pico-content input {
    font-family: inherit;
    outline: none;
    color: #fff;
    border-radius: 2px;
    background: #35414F;
    width: 19.0625rem;
    height: 3.125rem;
    padding-left: 0.9375rem;
    font-size: 14px;
    border: none; }
    .pico-content input::-webkit-input-placeholder {
      color: #576B82; }
    .pico-content input::-moz-placeholder {
      color: #576B82; }
    .pico-content input:-moz-placeholder {
      color: #576B82; }
    .pico-content input:-ms-input-placeholder {
      color: #576B82; }
    .pico-content input:focus {
      box-shadow: inset 0 0 0 1px #4DC6FF; }
  .pico-content label {
    font-family: inherit;
    color: inherit;
    padding-bottom: 12px;
    display: block; }
  .pico-content h3 {
    color: #fff;
    margin: 0; }
  .pico-content p {
    line-height: 1.5em;
    color: #BDCBDB; }
  .scrollbox {
    padding: 20px 30px;
    max-height: 500px;
    overflow: scroll; }
  .pico-content .pico-input {
    padding: 0 30px 30px;
  }
  .pico-footer {
    padding: 22px 30px;
    border-top: 1px solid #4D5E70; }
    .pico-footer .submit {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      outline: none;
      background-color: rgba(255, 255, 255, 0.075);
      color: #fff;
      font-family: inherit;
      border: 1px solid #fff;
      font-size: 1rem;
      padding: 0.4375rem 0.875rem 0.5625rem 0.875rem;
      margin-right: 20px; }
       .pico-footer .submit > * {
        color: #fff;
        border-bottom: none; }
       .pico-footer .submit:hover,  .pico-footer .submit:focus {
        background-color: rgba(255, 255, 255, 0.4);
        color: #fff; }
         .pico-footer .submit:hover > *,  .pico-footer .submit:focus > * {
          color: #fff; }
       .pico-footer .submit a {
        color: #fff;
        text-decoration: none; }
     .pico-footer .close {
      display: inline-block; }
       .pico-footer .close:hover {
        color: #fff;
        cursor: pointer; }

.pico-close path {
  fill: #4A5A6B;
  transition: fill 0.2s linear; }
.pico-close:hover path {
  fill: #BDCBDB; }

.pico-header {
  padding: 17px 30px;
  border-bottom: 1px solid #4D5E70; }

#grid {
  margin-bottom: 6.25rem; }

.metrics {
  background-color: #2A333D;
  background-image: -webkit-linear-gradient(-90deg, #415C78 0%, rgba(65, 92, 120, 0) 100%);
  background-image: linear-gradient(-180deg,#415C78 0%, rgba(65, 92, 120, 0) 100%);
  padding-top: 6.25rem; }
  .metrics .callout {
    width: 34.75rem;
    padding-top: 0; }

.cta {
  position: relative; }
  .cta .callout {
    width: 34.75rem;
    text-align: center;
    padding-top: 0; }

footer {
  height: 15.625rem;
  border-top: 1px solid #4D5E70 !important; }
  footer .logo {
    background-image: url("../images/redesign/leftronic-light.svg");
    width: 201px;
    height: 39px;
    cursor: pointer;
    -webkit-transition: opacity .1s ease-in;
    -moz-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
    position: absolute;
    background-repeat: no-repeat;
    top: 3.125rem; }
    footer .logo:hover {
      opacity: 0.75;
    }
    footer p {
      opacity: 1 !important;
      position: absolute;
      top: 100px;
      font-size: 14px;
    }
    .no-svg footer .logo {
      background-image: url("../images/redesign/leftronic-light.png"); }
    footer .logo p {
      font-size: 0.875rem;
      color: #BDCBDB;
      line-height: 1.375rem;
      position: relative;
      width: 300px;
      padding-top: 3.5rem; }
  footer .links {
    width: 16.375rem;
    position: absolute;
    right: 0;
    top: 3.125rem; }
    footer .links ul {
      margin-left: 2rem;
      width: 4.125rem; }
      footer .links ul li {
        padding-bottom: 0.9375rem;
        color: #fff;
        font-size: 0.875rem; }
    footer .links ul:first-child {
      margin-left: 0; }

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