@font-face {
  font-family: 'ProximaNova-Light';
  src: url("../fonts/ProximaNova-Light.eot");
  src: url("../fonts/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Light.woff") format("woff"), url("../fonts/ProximaNova-Light.ttf") format("truetype"), url("../fonts/ProximaNova-Light.svg#ProximaNova-Light") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ProximaNova-Bold';
  src: url("../fonts/ProximaNova-Bold.eot");
  src: url("../fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova-Bold.ttf") format("truetype"), url("../fonts/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Chantilly-Bold-Italic';
  src: url("../fonts/ChantillyBoldItalic.eot");
  src: url("../fonts/ChantillyBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/ChantillyBoldItalic.woff") format("woff"), url("../fonts/ChantillyBoldItalic.ttf") format("truetype"), url("../fonts/ChantillyBoldItalic.svg#ChantillyBoldItalic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Chantilly-Italic';
  src: url("../fonts/ChantillyItalic.eot");
  src: url("../fonts/ChantillyItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/ChantillyItalic.woff") format("woff"), url("../fonts/ChantillyItalic.ttf") format("truetype"), url("../fonts/ChantillyItalic.svg#ChantillyItalic") format("svg");
  font-weight: normal;
  font-style: normal; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

*,
*:after,
*:before {
  box-sizing: border-box; }

::selection {
  background-color: rgba(255, 255, 255, 0.5); }

[data-lang] {
  opacity: 0; }

.hover, .tap {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  touch-callout: none; }

html {
  height: 100%;
  background-color: #000;
  color: #fff;
  font: 400 16px "ProximaNova-Light", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
  -webkit-text-size-adjust: 100%;
  z-index: -6; }

body {
  min-height: 100%;
  line-height: 1.5em;
  position: relative;
  z-index: -5; }
  body.styled {
    background-image: url(../images/bg-header-2.jpg);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: center top; }
    body.styled:after {
      content: "";
      height: 650px;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      margin-top: 250px;
      display: block;
      background: linear-gradient(to bottom, transparent 0%, black 48%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */ }
    @media (min-width: 590px) {
      body.styled {
        background-size: auto 100%; } }
    @media (min-width: 590px) and (max-width: 1000px) {
      body.styled {
        background-position: right top; }
        body.styled:after {
          margin-top: 470px; } }
    @media (min-width: 1000px) {
      body.styled {
        background-size: 100% auto; } }

h1, h2, legend, h3, h4, h5, h6 {
  font-family: "Chantilly-Bold-Italic", "ProximaNova-Bold", "ProximaNova-Light", sans-serif;
  font-weight: 400;
  line-height: 1.5em;
  margin: 0 0 0.25em 0; }
  h1 .sub, h2 .sub, legend .sub, h3 .sub, h4 .sub, h5 .sub, h6 .sub {
    color: #96c135;
    font-family: "Chantilly-Italic", "ProximaNova-Light", sans-serif; }

h1 {
  font-size: 3.45rem;
  line-height: 1.1em; }
  h1 span {
    color: #96c135;
    font-family: "Chantilly-Italic", "ProximaNova-Light", sans-serif;
    font-weight: lighter; }
  @media (max-width: 1200px) {
    h1 {
      font-size: 2.7rem; } }
  @media (max-width: 960px) {
    h1 {
      font-size: 2.2rem; } }
  @media (max-width: 767px) {
    h1 {
      font-size: 1.8rem; } }
  @media (max-width: 410px) {
    h1 {
      font-size: 1.7rem;
      line-height: 1.2em; } }

h2,
legend {
  font-size: 2.5rem; }

h3 {
  font-size: 1.3rem; }

h4 {
  font-size: 1.2rem; }

h5 {
  font-size: 1.1rem; }

h6 {
  font-size: 1rem; }

p {
  font-size: 1.25rem;
  line-height: 1.65em;
  margin-bottom: 1rem; }
  p.is-lead {
    font-size: 1.25rem; }
  p strong {
    font-weight: normal;
    font-family: "ProximaNova-Bold", "ProximaNova-Light", sans-serif; }
  @media (max-width: 960px) {
    p {
      font-size: 1.1rem; } }

a {
  color: #fff;
  cursor: pointer;
  text-decoration: underline; }
  a.hover, a.tap {
    color: #96c135; }

small {
  color: #8d9994;
  font-size: 0.875rem; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

code, pre {
  font-family: 'courier new', monospace; }

pre {
  overflow-x: auto; }

abbr {
  border-bottom: 1px dotted #8d9994; }

del {
  text-decoration: line-through; }

mark {
  background-color: #ffffb3; }

hr {
  background-color: transparent;
  border: solid #ccd6d2;
  border-width: 1px 0 0;
  clear: both;
  margin: 2.5rem 1rem; }

ol {
  margin: 0 0 1rem 1.5rem; }

ul {
  list-style: none; }

ol {
  list-style: decimal; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    font-weight: bold; }
  dl dd {
    margin-left: 1rem; }
  dl.is-advanced:before, dl.is-advanced:after {
    content: "";
    display: table; }
  dl.is-advanced:after {
    clear: both; }
  dl.is-advanced dt {
    float: left;
    width: 31.25%;
    margin-left: 0%;
    margin-right: 2.0833333333%; }
  dl.is-advanced dd {
    float: left;
    width: 66.6666666667%;
    margin-left: 0%;
    margin-right: 0%; }

.is-hidden, .animo-plus .form form ul li label, .early-access form ul li label {
  display: none !important; }

.is-hidden, .animo-plus .form form ul li label, .early-access form ul li label, .is-invisible {
  visibility: hidden !important; }

.is-active, .is-visible {
  display: block; }

.left {
  float: left; }

.right {
  float: right; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.nowrap {
  white-space: nowrap; }

@media (max-width: 767px) {
  .hide-mob {
    display: none; } }

@media (min-width: 590px) {
  .l-full {
    float: left;
    width: 95.8333333333%;
    margin-left: 2.0833333333%;
    margin-right: 2.0833333333%; } }

@media (min-width: 590px) {
  .l-two-third {
    float: left;
    width: 62.5%;
    margin-left: 2.0833333333%;
    margin-right: 2.0833333333%; } }

@media (min-width: 590px) {
  .l-half {
    float: left;
    width: 45.8333333333%;
    margin-left: 2.0833333333%;
    margin-right: 2.0833333333%; } }

@media (min-width: 590px) {
  .l-one-third {
    float: left;
    width: 29.1666666667%;
    margin-left: 2.0833333333%;
    margin-right: 2.0833333333%; } }

@media (min-width: 590px) {
  .l-one-fourth {
    float: left;
    width: 22.9166666667%;
    margin-left: 1.0416666667%;
    margin-right: 1.0416666667%; } }

.l-grid:before, .l-grid:after {
  content: "";
  display: table; }
.l-grid:after {
  clear: both; }
.l-grid li {
  float: left;
  width: 29.1666666667%;
  margin-left: 2.0833333333%;
  margin-right: 2.0833333333%; }

.l-first {
  clear: left; }

div.l-container {
  margin: auto;
  max-width: 1264px;
  padding: 0 1rem; }
  div.l-container:before, div.l-container:after {
    content: "";
    display: table; }
  div.l-container:after {
    clear: both; }
  @media (min-width: 767px) {
    div.l-container {
      padding: 0 2rem; } }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

.button,
input[type=submit],
button, .button--neutral,
input[type=submit].button--neutral,
button.button--neutral, .button--soft,
input[type=submit].button--soft,
button.button--soft, .button--success,
input[type=submit].button--success,
button.button--success, .button--alert,
input[type=submit].button--alert,
button.button--alert {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0.625rem;
  cursor: pointer;
  display: inline-block;
  font-family: "ProximaNova-Bold", "ProximaNova-Light", sans-serif;
  font-size: 1.25rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0 0 0.25rem 0;
  padding: 1.2rem 1.8rem 1.3rem;
  text-decoration: none;
  vertical-align: bottom; }
  .button:focus,
  input[type=submit]:focus,
  button:focus, .button--neutral:focus, .button--soft:focus, .button--success:focus, .button--alert:focus {
    outline: 0; }
  .tap.button,
  input.tap[type=submit],
  button.tap, .tap.button--neutral, .tap.button--soft, .tap.button--success, .tap.button--alert {
    padding: 1.25rem 1.8rem 1.25rem; }
  @media (max-width: 960px) {
    .button,
    input[type=submit],
    button, .button--neutral,
    input[type=submit].button--neutral,
    button.button--neutral, .button--soft,
    input[type=submit].button--soft,
    button.button--soft, .button--success,
    input[type=submit].button--success,
    button.button--success, .button--alert,
    input[type=submit].button--alert,
    button.button--alert {
      font-size: 1rem; } }
  @media (max-width: 767px) {
    .button,
    input[type=submit],
    button, .button--neutral,
    input[type=submit].button--neutral,
    button.button--neutral, .button--soft,
    input[type=submit].button--soft,
    button.button--soft, .button--success,
    input[type=submit].button--success,
    button.button--success, .button--alert,
    input[type=submit].button--alert,
    button.button--alert {
      font-size: 0.8rem;
      padding: 1rem 1.1rem 1.1rem; }
      .tap.button,
      input.tap[type=submit],
      button.tap, .tap.button--neutral, .tap.button--soft, .tap.button--success, .tap.button--alert {
        padding: 1.05rem 1.1rem 1.05rem; } }

.button,
input[type=submit],
button {
  color: #fff;
  background: #96c135;
  background-image: linear-gradient(top, #9cc540, #84b712);
  box-shadow: inset 0 -3px 1px rgba(0, 0, 0, 0.3);
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
  .button.hover,
  input[type=submit].hover,
  button.hover {
    background: #9cc540;
    color: #fff; }
  .button.tap,
  input[type=submit].tap,
  button.tap {
    color: #fff;
    background: #84b712;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }
  @media (max-width: 767px) {
    .button,
    input[type=submit],
    button {
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } }

.button--neutral,
input[type=submit].button--neutral,
button.button--neutral {
  background: #ccd6d2;
  color: #3f4542; }
  .button--neutral:hover,
  input[type=submit].button--neutral:hover,
  button.button--neutral:hover {
    background: #8d9994;
    color: #3f4542; }
  .button--neutral:active, .button--neutral:focus,
  input[type=submit].button--neutral:active,
  input[type=submit].button--neutral:focus,
  button.button--neutral:active,
  button.button--neutral:focus {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }

.button--soft,
input[type=submit].button--soft,
button.button--soft {
  background: transparent;
  color: #fff;
  line-height: 1.4em;
  border: 1px solid #fff; }
  .button--soft:hover,
  input[type=submit].button--soft:hover,
  button.button--soft:hover {
    text-decoration: underline;
    color: #fff; }

.button--success,
input[type=submit].button--success,
button.button--success {
  background-color: #39b924;
  color: #fff; }
  .button--success:hover,
  input[type=submit].button--success:hover,
  button.button--success:hover {
    background-color: #249c11;
    color: #fff; }
  .button--success:active, .button--success:focus,
  input[type=submit].button--success:active,
  input[type=submit].button--success:focus,
  button.button--success:active,
  button.button--success:focus {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }

.button--alert,
input[type=submit].button--alert,
button.button--alert {
  background-color: #f3490d;
  color: #fff; }
  .button--alert:hover,
  input[type=submit].button--alert:hover,
  button.button--alert:hover {
    background-color: #d33e09;
    color: #fff; }
  .button--alert:active, .button--alert:focus,
  input[type=submit].button--alert:active,
  input[type=submit].button--alert:focus,
  button.button--alert:active,
  button.button--alert:focus {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }

figure {
  display: inline-block;
  margin-bottom: 1rem;
  width: 100%; }
  @media (min-width: 590px) {
    figure.is-left {
      clear: left;
      float: left;
      padding-right: 1rem;
      max-width: 50%;
      width: auto; } }
  @media (min-width: 590px) {
    figure.is-right {
      clear: right;
      float: right;
      padding-left: 1rem;
      max-width: 50%;
      width: auto; } }
  figure img {
    display: block;
    max-width: 100%;
    margin: auto; }
  figure figcaption {
    color: #8d9994; }

input[type=search] {
  -webkit-appearance: textfield; }

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

input[type=text],
input[type=number],
input[type=password],
input[type=search],
input[type=email],
input[type=tel],
input[type=url],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #fff;
  color: inherit;
  display: block;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5em;
  margin: 0;
  padding: 0.5rem;
  vertical-align: baseline;
  width: 100%;
  border-radius: 0.625rem;
  background-color: transparent;
  padding: 1.1rem 1.5rem 1.2rem;
  transition: border-color 500ms ease-in-out 0s, box-shadow 500ms ease-in-out 0s; }
  input[type=text]:focus,
  input[type=number]:focus,
  input[type=password]:focus,
  input[type=search]:focus,
  input[type=email]:focus,
  input[type=tel]:focus,
  input[type=url]:focus,
  textarea:focus,
  select:focus {
    border: 1px solid #8d9994;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    outline: 0; }
  input[type=text]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=url]::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  select::-webkit-input-placeholder {
    font-style: italic; }
  input[type=text]:-moz-placeholder,
  input[type=number]:-moz-placeholder,
  input[type=password]:-moz-placeholder,
  input[type=search]:-moz-placeholder,
  input[type=email]:-moz-placeholder,
  input[type=tel]:-moz-placeholder,
  input[type=url]:-moz-placeholder,
  textarea:-moz-placeholder,
  select:-moz-placeholder {
    /* Firefox 18- */
    font-style: italic; }
  input[type=text]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=url]::-moz-placeholder,
  textarea::-moz-placeholder,
  select::-moz-placeholder {
    /* Firefox 19+ */
    font-style: italic; }
  input[type=text]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=url]:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  select:-ms-input-placeholder {
    font-style: italic; }

textarea {
  display: block;
  overflow: auto;
  resize: vertical;
  vertical-align: top; }

select {
  -webkit-appearance: menulist;
  height: 2.85rem; }

legend {
  border: 0;
  display: block; }

ul.form {
  list-style: none;
  margin: 0 0 1rem 0; }
  ul.form > li:before, ul.form > li:after {
    content: "";
    display: table; }
  ul.form > li:after {
    clear: both; }
  ul.form > li > label {
    clear: left;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding-top: 0.5rem;
    text-align: left; }
    @media (min-width: 590px) {
      ul.form > li > label {
        float: left;
        width: 31.25%;
        margin-left: 0%;
        margin-right: 2.0833333333%;
        text-align: right; } }
    ul.form > li > label:hover {
      color: #1a1a1a; }
  ul.form div.form--fields {
    margin-bottom: 0.5rem; }
    @media (min-width: 590px) {
      ul.form div.form--fields {
        float: left;
        width: 66.6666666667%;
        margin-left: 0%;
        margin-right: 0%; } }
    ul.form div.form--fields p, ul.form div.form--fields small {
      display: block;
      margin: 0.25rem 0; }
    ul.form div.form--fields p.form--description {
      margin: 0.5rem 0; }

ul.form--checklist {
  list-style: none;
  margin: 0.5rem 0; }
  ul.form--checklist li {
    margin: 0.5rem 0; }
  ul.form--checklist input {
    margin-right: 0.5rem; }
  ul.form--checklist label {
    cursor: pointer; }
    ul.form--checklist label:hover {
      color: #1a1a1a; }

li.form--error label {
  color: #ff0000; }
  li.form--error label:hover {
    color: #d33e09; }
li.form--error input,
li.form--error input:focus {
  border: 1px solid #ff0000;
  box-shadow: 0px 0px 20px rgba(255, 0, 0, 0.65); }
li.form--error ul.form--errors {
  color: #ff0000;
  list-style: none;
  margin: 0;
  height: 0;
  overflow: hidden;
  display: none;
  padding: 0 0 0 1rem; }
  li.form--error ul.form--errors li {
    font-size: 1rem; }
  li.form--error ul.form--errors li:first-letter {
    text-transform: uppercase; }

@font-face {
  font-family: 'icons';
  src: url("../fonts/icons.eot");
  src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: 'icons';
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  content: attr(data-icon);
  position: absolute;
  right: 0;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* IE 6+ Support ========== */
  /* 	behavior: url(ie-css3.htc); */ }

[data-icon].icon--left:before {
  line-height: 1.6em;
  margin-left: 0;
  margin-right: 0.2em;
  left: 0;
  right: auto; }

svg.icon {
  height: 16px;
  width: 16px;
  display: inline-block; }
  svg.icon.is-inline {
    position: relative;
    top: 0.15rem;
    margin: 0 0.25rem; }

.image-grid-6 li {
  float: left;
  width: 95.8333333333%;
  margin-left: 2.0833333333%;
  margin-right: 2.0833333333%;
  margin-bottom: 1.8rem;
  font-size: 1rem; }
@media (min-width: 590px) {
  .image-grid-6 li {
    float: left;
    width: 45.8333333333%;
    margin-left: 2.0833333333%;
    margin-right: 2.0833333333%; } }
@media (min-width: 960px) {
  .image-grid-6 li {
    float: left;
    width: 31.25%;
    margin-left: 1.0416666667%;
    margin-right: 1.0416666667%; } }
@media (min-width: 1200px) {
  .image-grid-6 li {
    font-size: 1.2rem; } }

.image-grid-4 {
  width: 824px;
  display: inline-block; }
  .image-grid-4 li {
    margin-bottom: 1.5rem;
    float: left;
    display: block;
    height: 400px;
    font-size: 1.2rem; }
    @media (min-width: 888px) {
      .image-grid-4 li {
        width: 400px; } }
    @media (max-width: 767px) {
      .image-grid-4 li {
        height: 350px; } }
    @media (max-width: 590px) {
      .image-grid-4 li {
        height: 250px;
        width: 100%; } }
  .image-grid-4 li:first-child,
  .image-grid-4 li:first-child + li + li {
    margin-right: 1.5rem; }
  @media (max-width: 888px) {
    .image-grid-4 {
      width: 100%; }
      .image-grid-4 li {
        width: 48%; }
      .image-grid-4 li:first-child,
      .image-grid-4 li:first-child + li + li {
        margin-right: 4%; } }
  @media (max-width: 410px) {
    .image-grid-4 li {
      height: 250px;
      width: 100%; } }

.image-grid-6 li, .image-grid-4 li {
  position: relative;
  background-size: cover; }
  .image-grid-6 li .data, .image-grid-4 li .data {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    font-size: inherit;
    padding: 1.5rem 1.75rem; }
    .image-grid-6 li .data h3, .image-grid-4 li .data h3 {
      width: 100%;
      position: relative;
      text-align: left;
      font-size: inherit;
      padding-left: 1.75rem;
      font-family: "ProximaNova-Bold", "ProximaNova-Light", sans-serif; }
      .image-grid-6 li .data h3:before, .image-grid-4 li .data h3:before {
        position: absolute;
        left: 0;
        font-size: 1.4rem;
        color: #96c135; }
    .image-grid-6 li .data p, .image-grid-4 li .data p {
      text-align: left !important;
      font-size: inherit; }
  .image-grid-6 li:after, .image-grid-4 li:after {
    content: "";
    height: 180px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    background-image: url("../images/partner-page/bg-image-grid.png");
    background-repeat: repeat-x;
    background-size: 1px 250px; }

.label, .label--neutral, .label--success, .label--alert {
  border-radius: 0.125rem;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0.1rem 0.25rem; }

.label {
  background: #96c135;
  color: #fff; }

.label--neutral {
  background: #ccd6d2;
  color: #3f4542; }

.label--success {
  background-color: #39b924;
  color: #fff; }

.label--alert {
  background-color: #f3490d;
  color: #fff; }

ul.messages,
div.message {
  list-style: none;
  margin: 0 0 1rem 0; }

li.message,
div.message, li.message--neutral,
div.message--neutral, li.message--success,
div.message--success, li.message--alert,
div.message--alert {
  border-radius: 0.125rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
  padding: 0.5rem 0.75rem;
  vertical-align: baseline; }

li.message,
div.message {
  background: #96c135;
  color: #fff; }

li.message--neutral,
div.message--neutral {
  background: #ccd6d2;
  color: #3f4542; }

li.message--success,
div.message--success {
  background: #39b924;
  color: #fff; }

li.message--alert,
div.message--alert {
  background: #f3490d;
  color: #fff; }

ul.pagination {
  font-size: 0.875rem;
  list-style: none;
  margin: 0 0 1rem 0;
  text-align: center; }
  ul.pagination li {
    display: inline-block;
    margin-bottom: 0.25rem; }
  ul.pagination li.pagination--gap {
    background: none;
    padding: 0.25rem 0.5rem; }
  ul.pagination li.is-selected a {
    background: #96c135;
    color: #fff; }
    ul.pagination li.is-selected a:hover {
      background: #5e8312;
      color: #fff; }
    ul.pagination li.is-selected a:active, ul.pagination li.is-selected a:focus {
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }
  ul.pagination a {
    background: #ccd6d2;
    border-radius: 0.125rem;
    color: #3f4542;
    display: block;
    padding: 0.25rem 0.5rem; }
    ul.pagination a:hover {
      background: #8d9994;
      color: #3f4542; }
    ul.pagination a:active, ul.pagination a:focus {
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }

.panel, .panel--callout {
  background: #eef2f0;
  border-radius: 0.125rem;
  margin-bottom: 1rem;
  padding: 1rem; }

.panel--callout {
  background: #96c135;
  color: #fff; }

blockquote {
  color: #8d9994;
  font: italic 1.25rem Georgia, serif;
  line-height: 1.5em;
  margin-bottom: 1rem;
  padding: 0 0 0 2.5rem;
  position: relative;
  quotes: none; }
  blockquote:before {
    content: "\201C";
    display: block;
    font-size: 5rem;
    left: -0.5rem;
    position: absolute;
    top: 1.5rem; }
  blockquote cite {
    display: block;
    font-size: 0.875rem; }
    blockquote cite:before {
      content: "\2014 \0020"; }

table {
  border: 1px solid #8d9994;
  border-collapse: separate;
  border-radius: 0.125rem;
  border-spacing: 0;
  margin-bottom: 1rem;
  width: 100%; }

thead th {
  background: #fff;
  font-weight: bold;
  padding: 0.5rem;
  text-align: left; }

tbody tr:nth-child(2n+2) {
  background: #fff; }

tbody td {
  border-left: 1px solid #ccd6d2;
  border-top: 1px solid #ccd6d2;
  padding: 0.5rem; }
  tbody td:first-child {
    border-left: 0; }

div.tabs {
  text-align: center; }
  div.tabs ul {
    background: #ccd6d2;
    border-radius: 0.125rem;
    display: inline-block;
    list-style: none;
    margin: 0;
    text-align: center; }
    div.tabs ul:before, div.tabs ul:after {
      content: "";
      display: table; }
    div.tabs ul:after {
      clear: both; }
  div.tabs li {
    float: left; }
    div.tabs li:first-child a {
      border-radius: 0.125rem 0 0 0.125rem; }
    div.tabs li:last-child a {
      border-radius: 0 0.125rem 0.125rem 0; }
  div.tabs a {
    color: #3f4542;
    display: block;
    padding: 0.5rem 0.75rem; }
    div.tabs a:hover {
      background: #8d9994;
      color: #3f4542; }
    div.tabs a:active, div.tabs a:focus {
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }
  div.tabs li.is-selected a {
    background: #96c135;
    color: #fff;
    font-weight: bold; }
    div.tabs li.is-selected a:hover {
      background: #5e8312;
      color: #fff; }
    div.tabs li.is-selected a:active, div.tabs li.is-selected a:focus {
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }

.animo-plus {
  margin-top: 14rem; }
  .animo-plus .limited {
    max-width: 940px;
    margin: 0 auto; }
  .animo-plus .text h2 {
    margin: 0;
    line-height: 1; }
    @media (max-width: 410px) {
      .animo-plus .text h2 {
        font-size: 2rem; } }
    @media (max-width: 590px) {
      .animo-plus .text h2 {
        line-height: 1.25em; }
        .animo-plus .text h2 span {
          display: block;
          width: 100%; } }
  .animo-plus .text p {
    margin: 0;
    padding: 2rem 0 3rem; }
    @media (max-width: 990px) {
      .animo-plus .text p br {
        display: none; } }
  @media (max-width: 590px) {
    .animo-plus {
      margin-top: 6rem; }
      .animo-plus .text h2 {
        line-height: 1.25em; }
        .animo-plus .text h2 span {
          display: block;
          width: 100%; } }

.animo-plus .form form ul {
  list-style: none;
  margin: 0; }
.animo-plus .form form ul li.url {
  position: relative;
  float: left;
  width: 41.6666666667%;
  margin-left: 0%;
  margin-right: 2.0833333333%; }
  .animo-plus .form form ul li.url .form--fields {
    position: relative; }
    .animo-plus .form form ul li.url .form--fields input {
      padding-right: 9.5rem; }
    .animo-plus .form form ul li.url .form--fields span {
      font-family: "ProximaNova-Bold", "ProximaNova-Light", sans-serif;
      font-size: 1.25rem;
      position: absolute;
      right: 1.5rem;
      top: 50%;
      margin-top: -0.8rem; }
.animo-plus .form form ul li.mail {
  float: left;
  width: 29.1666666667%;
  margin-left: 0%;
  margin-right: 2.0833333333%; }
.animo-plus .form form ul li.buttons {
  float: left;
  width: 25%;
  margin-left: 0%;
  margin-right: 0%; }
  .animo-plus .form form ul li.buttons button {
    padding: 1.2rem 1.8rem 1.3rem;
    font-size: 1.25rem; }
@media (max-width: 960px) {
  .animo-plus .form form ul li.buttons button {
    padding-left: 1.35rem;
    padding-right: 1.35rem;
    line-height: 30px;
    font-size: .95rem; } }
@media (max-width: 767px) {
  .animo-plus .form form ul li.url, .animo-plus .form form ul li.mail, .animo-plus .form form ul li.buttons {
    clear: both;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
    width: 70%;
    margin-left: 15%;
    margin-bottom: .5rem; }
  .animo-plus .form form ul li.buttons {
    text-align: right; }
    .animo-plus .form form ul li.buttons button {
      display: inline-block; } }
@media (max-width: 410px) {
  .animo-plus .form form ul li.url, .animo-plus .form form ul li.mail, .animo-plus .form form ul li.buttons {
    clear: both;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
    width: 100%;
    margin-left: 0;
    margin-bottom: .5rem; }
  .animo-plus .form form ul li.url .form--fields > span {
    font-size: 1rem; }
  .animo-plus .form form ul li.url input, .animo-plus .form form ul li.mail input {
    padding: 1.1rem 1rem 1.2rem;
    font-size: 1rem; }
  .animo-plus .form form ul li.buttons {
    text-align: center; }
    .animo-plus .form form ul li.buttons button {
      display: inline-block;
      width: 100%; } }

.animo-plus .usps:before, .animo-plus .usps:after {
  content: "";
  display: table; }
.animo-plus .usps:after {
  clear: both; }
.animo-plus .usps > div > h2 {
  font-size: 1.5rem;
  margin: 3rem 0 2rem; }
.animo-plus .usps > div > p {
  margin-bottom: 3rem !important; }
.animo-plus .usps > ul li {
  height: 350px;
  background-size: 100% auto; }
  .animo-plus .usps > ul li:after {
    height: 220px; }
  .animo-plus .usps > ul li p {
    margin: 0; }
.animo-plus .usps > ul li.pro-1 {
  background-image: url("../images/plus/plus-001.jpg"); }
.animo-plus .usps > ul li.pro-2 {
  background-image: url("../images/plus/plus-002.jpg"); }
.animo-plus .usps > ul li.pro-3 {
  background-image: url("../images/plus/plus-003.jpg"); }
@media (max-width: 590px) {
  .animo-plus .usps {
    margin-bottom: 7.5rem !important; } }
@media (max-width: 410px) {
  .animo-plus .usps > div > h2 span {
    display: block;
    width: 100%; } }

.animo-plus #claim-viral {
  display: none;
  text-align: center; }
  .animo-plus #claim-viral .wrap {
    text-align: center;
    display: inline-block;
    width: auto;
    padding: 2rem 5rem;
    background-color: #1f1f1f; }
    .animo-plus #claim-viral .wrap p {
      margin-bottom: 1rem; }
    .animo-plus #claim-viral .wrap h2 {
      font-size: 1.5rem;
      margin-bottom: 1.5rem;
      display: block;
      width: 100%;
      text-align: center; }
    .animo-plus #claim-viral .wrap .button {
      position: relative !important;
      padding: 1.2rem 1.8rem 1.3rem 3.6rem; }
      .animo-plus #claim-viral .wrap .button:before {
        position: absolute;
        left: 1.4rem;
        top: 50%;
        margin-top: -0.9rem;
        font-size: 1.6rem; }
      .animo-plus #claim-viral .wrap .button:first-of-type {
        margin-right: 0.5rem; }
    @media (max-width: 590px) {
      .animo-plus #claim-viral .wrap {
        padding: 2rem 1rem; } }
    @media (max-width: 410px) {
      .animo-plus #claim-viral .wrap h2 {
        font-size: 1.25rem; }
      .animo-plus #claim-viral .wrap .button {
        width: 100%; } }

.countdown {
  margin-bottom: 10rem; }
  .countdown .l-full {
    position: relative; }
  .countdown:after {
    content: "";
    height: 650px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin-top: 470px;
    display: block;
    background: linear-gradient(to bottom, transparent 0%, black 48%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */ }
  .countdown .l-container {
    position: relative;
    z-index: 2; }

.countdown .counter {
  width: 100%;
  text-align: center;
  margin: 0 0 4rem; }
  .countdown .counter > h1 {
    margin: 0 0 1rem; }
    @media (min-width: 740px) {
      .countdown .counter > h1 {
        margin: 0 0 2rem; } }
    @media (min-width: 940px) {
      .countdown .counter > h1 {
        margin: 0 0 4rem; } }
  .countdown .counter .count {
    width: 23.5%;
    display: inline-block;
    position: relative;
    padding: 4rem 0;
    margin-left: 1%;
    font-size: 1rem; }
    .countdown .counter .count:first-child {
      margin-left: 0; }
    .countdown .counter .count:before, .countdown .counter .count:after {
      position: absolute;
      width: 100%;
      height: 49.5%;
      top: 0;
      content: "";
      z-index: 1;
      display: block;
      background-color: #1a1a1a;
      background: linear-gradient(#1a1a1a, #121212); }
    .countdown .counter .count:after {
      top: auto;
      bottom: 0;
      background: #1d1d1d; }
    .countdown .counter .count .number {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 8.5em;
      line-height: 1em;
      font-family: "Chantilly-Bold-Italic", "ProximaNova-Bold", "ProximaNova-Light", sans-serif;
      color: #fff;
      position: relative;
      z-index: 2; }
    .countdown .counter .count .label {
      display: block;
      width: 100%;
      font-size: 1.6em;
      text-align: center;
      background-color: transparent;
      font-weight: lighter;
      color: #96c135;
      position: relative;
      z-index: 2;
      margin-top: 0.75em; }
    @media (max-width: 1200px) {
      .countdown .counter .count {
        font-size: 0.8rem;
        padding: 2.5rem 0; } }
    @media (max-width: 960px) {
      .countdown .counter .count {
        font-size: 0.6rem;
        padding: 1.5rem 0; } }
    @media (max-width: 767px) {
      .countdown .counter .count {
        font-size: 0.5rem; }
        .countdown .counter .count .label {
          font-size: 2.4em;
          margin-top: .25em; } }
    @media (max-width: 590px) {
      .countdown .counter .count {
        width: 22%;
        font-size: .3rem; }
        .countdown .counter .count .label {
          font-size: 3.5em;
          margin-top: .25em; } }

.countdown .notifier form {
  text-align: center; }
  .countdown .notifier form ul {
    width: 100%;
    display: block;
    float: none;
    margin: 0 auto; }
    .countdown .notifier form ul li.txt {
      float: left;
      width: 36%;
      text-align: right;
      margin-right: 2%;
      font-size: 1.25rem;
      line-height: 4.3rem;
      font-family: "ProximaNova-Bold", "ProximaNova-Light", sans-serif; }
    .countdown .notifier form ul li.mail {
      float: left;
      width: 36%;
      margin-right: 2%; }
      .countdown .notifier form ul li.mail input {
        width: 100%; }
    .countdown .notifier form ul li.buttons {
      float: left;
      width: 16%;
      margin: 0 8% 0 0; }
      .countdown .notifier form ul li.buttons button {
        width: 100%;
        font-size: 1.25rem;
        padding: 1.2rem 1.8rem 1.3rem; }
    @media (max-width: 960px) {
      .countdown .notifier form ul li.txt {
        width: 100%;
        text-align: center; }
      .countdown .notifier form ul li.mail {
        width: 40%;
        margin-left: 19%;
        margin-right: 2%; }
      .countdown .notifier form ul li.buttons {
        width: 20%;
        margin-right: 19%; } }
    @media (max-width: 767px) {
      .countdown .notifier form ul li.mail {
        width: 50%;
        margin-left: 9%; }
      .countdown .notifier form ul li.buttons {
        width: 30%;
        margin-right: 9%; } }
    @media (max-width: 590px) {
      .countdown .notifier form ul li.mail {
        width: 70%;
        margin-left: 0; }
      .countdown .notifier form ul li.buttons {
        width: 28%;
        margin-right: 0; } }
    @media (max-width: 410px) {
      .countdown .notifier form ul li.mail {
        width: 100%;
        margin: 0 0 1.25rem 0; }
      .countdown .notifier form ul li.buttons {
        width: 60%;
        margin-left: 20%;
        margin-right: 0; } }

.countdown #go-viral {
  text-align: center;
  display: none; }
  .countdown #go-viral h2 {
    font-size: 1.313rem;
    margin-bottom: 0.4rem; }
  .countdown #go-viral .button {
    position: relative !important;
    padding: 1.2rem 1.8rem 1.3rem 3.6rem; }
    .countdown #go-viral .button:before {
      position: absolute;
      left: 1.4rem;
      top: 50%;
      margin-top: -0.9rem;
      font-size: 1.6rem; }
    .countdown #go-viral .button:first-of-type {
      margin-right: 0.5rem; }

.early-access {
  max-height: 100%;
  position: relative;
  overflow: hidden;
  min-height: 800px;
  border-top: 5px solid #96c135; }
  .early-access:after {
    content: "";
    height: 650px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin-top: 250px;
    display: block;
    background: linear-gradient(to bottom, transparent 0%, black 48%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */ }
  .early-access .l-container {
    position: relative;
    z-index: 2; }
  @media (min-width: 590px) {
    .early-access {
      background-size: auto 100%; } }
  @media (min-width: 590px) and (max-width: 1000px) {
    .early-access {
      background-position: right top; }
      .early-access:after {
        margin-top: 470px; } }
  @media (min-width: 1000px) {
    .early-access {
      background-size: 100% auto; } }

.early-access .preview {
  position: relative;
  width: 100%;
  height: 405px;
  overflow: hidden;
  float: left /9; }
  @media (min-width: 767px) {
    .early-access .preview {
      height: 700px; } }
  .early-access .preview .tnw-badge {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100px;
    z-index: 10;
    opacity: 0;
    transition: all 100ms ease-in-out 400ms;
    margin: 65px 0 0 -135px; }
    .early-access .preview .tnw-badge img {
      max-width: 100%; }
    .early-access .preview .tnw-badge.stuck {
      opacity: 1;
      width: 130px;
      margin: 50px 0 0 -150px; }
    @media (min-width: 410px) {
      .early-access .preview .tnw-badge {
        margin: 65px 0 0 -185px; }
        .early-access .preview .tnw-badge.stuck {
          margin: 50px 0 0 -200px; } }
    @media (min-width: 767px) {
      .early-access .preview .tnw-badge {
        margin-left: 45px;
        left: 0; }
        .early-access .preview .tnw-badge.stuck {
          margin: 50px 0 0 30px; } }
  .early-access .preview figure {
    opacity: 0;
    margin-bottom: 0;
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center; }
    .early-access .preview figure img {
      width: 240px;
      display: inline-block;
      margin: 0; }
    .early-access .preview figure:after {
      width: 100%;
      height: 100px;
      display: block;
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      background: linear-gradient(to bottom, transparent 0%, transparent 5%, black 67%, black 98%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */ }
  @media (min-width: 767px) {
    .early-access .preview {
      float: left !important;
      margin-top: 5rem;
      position: relative;
      float: left;
      width: 39.5833333333%;
      margin-left: 0%;
      margin-right: 6.25%; }
      .early-access .preview figure {
        position: relative;
        margin: 0; }
        .early-access .preview figure img {
          width: 420px; }
        .early-access .preview figure:after {
          height: 150px; } }
  @media (min-width: 1100px) {
    .early-access .preview figure {
      height: 703px; } }
  @media (min-width: 1200px) {
    .early-access .preview {
      float: left;
      width: 45.8333333333%;
      margin-left: 0%;
      margin-right: 0%; }
      .early-access .preview figure:after {
        height: 250px; } }

.early-access .text {
  clear: both;
  float: none;
  margin-left: 0;
  margin-right: 0;
  width: auto;
  margin: 8.5rem 0 6rem; }
  @media (max-width: 590px) {
    .early-access .text {
      margin-bottom: 10rem; } }
  @media (min-width: 767px) {
    .early-access .text {
      float: left;
      width: 54.1666666667%;
      margin-left: 0%;
      margin-right: 0%;
      float: right !important;
      margin: 15rem 0 0; } }
  @media (max-width: 767px) {
    .early-access .text:before {
      content: "";
      width: 84px;
      height: 80px;
      display: block;
      position: absolute;
      left: 50%;
      top: 2rem;
      margin-left: -42px;
      background-image: url(../images/logo.svg);
      background-position: 0 0;
      background-size: auto 80px;
      background-repeat: no-repeat; } }
  .early-access .text > p {
    margin-top: 2rem;
    margin-bottom: 3.5rem; }
    @media (max-width: 767px) {
      .early-access .text > p {
        margin-top: 1rem;
        margin-bottom: 2rem; } }
  .early-access .text .buttons:before, .early-access .text .buttons:after {
    content: "";
    display: table; }
  .early-access .text .buttons:after {
    clear: both; }
  .early-access .text .buttons a {
    display: block;
    width: auto;
    float: left;
    margin-bottom: 0; }
    .early-access .text .buttons a:first-of-type {
      margin-right: 0.625rem; }

.early-access form:before, .early-access form:after {
  content: "";
  display: table; }
.early-access form:after {
  clear: both; }
.early-access form h2 {
  font-size: 1.313rem; }
.early-access form ul li.mail {
  float: left;
  width: 64.5833333333%;
  margin-left: 0%;
  margin-right: 2.0833333333%; }
.early-access form ul li.buttons {
  float: left;
  width: 29.1666666667%;
  margin-left: 0%;
  margin-right: 0%; }
  .early-access form ul li.buttons button {
    min-width: 190px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    font-size: 1.25rem; }
@media (min-width: 767px) and (max-width: 1040px) {
  .early-access form ul li.mail {
    clear: both;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
    margin-bottom: 1rem; }
  .early-access form ul li.buttons {
    clear: both;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto; }
    .early-access form ul li.buttons button {
      min-width: 240px; } }
@media (max-width: 767px) {
  .early-access form ul li.buttons button {
    padding: 1.2rem 0 1.3rem; } }
@media (max-width: 590px) {
  .early-access form h2 {
    font-size: 1.2rem !important; }
  .early-access form ul li.mail {
    clear: both;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
    margin-bottom: 1rem; }
    .early-access form ul li.mail input {
      font-size: 1rem; }
  .early-access form ul li.buttons {
    clear: both;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto; }
    .early-access form ul li.buttons button {
      width: 100%; } }

.early-access #go-viral {
  display: none; }
  .early-access #go-viral h2 {
    font-size: 1.313rem;
    margin-bottom: 0.4rem; }
  .early-access #go-viral .button {
    position: relative !important;
    padding: 1.2rem 1.8rem 1.3rem 3.6rem; }
    .early-access #go-viral .button:before {
      position: absolute;
      left: 1.4rem;
      top: 50%;
      margin-top: -0.9rem;
      font-size: 1.6rem; }
    .early-access #go-viral .button:first-of-type {
      margin-right: 0.5rem; }

.tnw {
  height: 55px;
  display: block;
  background-color: #1a1a1a;
  margin-top: 20px; }
  .tnw .lable {
    height: 55px;
    width: auto;
    padding: 0 50px 0 20px;
    background-color: #f93b2a;
    color: white;
    font-weight: bold;
    font-size: 16px;
    float: left;
    line-height: 55px;
    position: relative; }
    .tnw .lable:after {
      display: block;
      content: "";
      position: absolute;
      width: 39px;
      height: 39px;
      background-color: #f93b2a;
      right: -20px;
      top: 8px;
      transform: rotate(45deg); }

header#header {
  border-top: 5px solid #96c135; }

#header {
  width: 100%; }
  #header:before, #header:after {
    content: "";
    display: table; }
  #header:after {
    clear: both; }
  #header .l-container {
    position: relative; }
  #header a#logo,
  #header figure#logo {
    display: block;
    width: 7.75rem;
    margin: 3.75rem auto; }

.early-access .text .label, #header .label, body.partner #header .teaser {
  position: absolute;
  right: 2rem;
  top: 0;
  margin-top: 5.5rem;
  display: inline-block;
  background-color: transparent;
  font-size: 1.25rem;
  font-family: "ProximaNova-Bold", "ProximaNova-Light", sans-serif;
  font-weight: normal;
  font-style: italic;
  color: #6b6b6b; }
  @media (max-width: 767px) {
    .early-access .text .label, #header .label, body.partner #header .teaser {
      font-size: 1.1rem; } }
  @media (max-width: 750px) {
    .early-access .text .label, #header .label, body.partner #header .teaser {
      /*
      margin-top: 2rem;
      width: 50%;
      right: 1rem;
      font-size: 1.05rem;
      
      margin-top: 2.3rem;
      */
      width: 100%;
      text-align: center;
      font-size: 1.05rem;
      z-index: 2;
      right: 0;
      top: auto;
      bottom: 0;
      margin-bottom: 28rem; } }
  @media (min-width: 1328px) {
    .early-access .text .label, #header .label, body.partner #header .teaser {
      right: 0; } }

#footer {
  width: 100%;
  padding: 0;
  background-color: #1a1a1a;
  border-top: 1px solid #333333;
  position: relative;
  z-index: 10; }
  @media (min-width: 767px) {
    #footer {
      margin-top: 12rem; } }
  .fixedFooter #footer {
    margin-top: 0; }
  #footer .l-container {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem; }
  @media (max-width: 590px) {
    #footer .texts > div {
      float: none;
      text-align: center; }
      #footer .texts > div a, #footer .texts > div span {
        display: block;
        width: 100%; } }
  #footer div.text-center > p {
    font-family: "ProximaNova-Bold", "ProximaNova-Light", sans-serif; }
    #footer div.text-center > p a {
      font-family: inherit;
      font-size: inherit; }
  #footer div.text-center .socials {
    display: inline-block;
    margin: 1rem 0 3rem; }
    #footer div.text-center .socials:before, #footer div.text-center .socials:after {
      content: "";
      display: table; }
    #footer div.text-center .socials:after {
      clear: both; }
    #footer div.text-center .socials li {
      float: left;
      display: block;
      width: 4.7rem;
      margin-left: .5rem; }
      #footer div.text-center .socials li a {
        width: 4.7rem;
        height: 4.7rem;
        display: block;
        border-radius: 5rem;
        background-color: #fff;
        color: #000;
        position: relative;
        text-decoration: none;
        transition: all 100ms ease-in-out; }
        #footer div.text-center .socials li a:before {
          right: 50%;
          top: 50%;
          font-size: 2.25rem;
          margin: -1.125rem -1.125rem 0 0; }
        #footer div.text-center .socials li a.hover {
          color: #fff;
          background-color: #96c135; }
      #footer div.text-center .socials li:first-child {
        margin-left: 0; }
        #footer div.text-center .socials li:first-child + li a:before {
          font-size: 2.4rem;
          margin: -1.2rem -1.1rem 0 0; }
      #footer div.text-center .socials li:last-child a:before {
        margin-right: -1.3rem; }
  #footer ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #footer ul li {
      display: block;
      float: left; }
  @media (max-width: 767px) {
    #footer .text-right, #footer .text-left {
      float: none;
      width: 100%;
      text-align: center;
      display: block; }
      #footer .text-right ul, #footer .text-left ul {
        display: inline-block; } }
  #footer .text-right ul li {
    margin-left: 1.5rem; }
    #footer .text-right ul li a {
      font-size: 1.25rem;
      color: #fff;
      text-decoration: none; }
      #footer .text-right ul li a.hover, #footer .text-right ul li a.tap {
        color: #96c135; }
  #footer.fixed {
    position: fixed;
    bottom: 0; }

#footer.small {
  width: 100%; }
  @media (min-width: 767px) {
    #footer.small {
      margin-top: 6rem; } }
  #footer.small p {
    margin: 0; }
  #footer.small .text-right p {
    font-family: "ProximaNova-Bold", "ProximaNova-Light", sans-serif; }
  @media (max-width: 960px) {
    #footer.small > div > div > div {
      width: 100%;
      text-align: center; }
      #footer.small > div > div > div.right {
        margin-bottom: 1rem; } }
  @media (max-width: 767px) {
    #footer.small > div > div > div {
      width: 100%;
      text-align: center; }
      #footer.small > div > div > div .hide-mob {
        display: none; }
      #footer.small > div > div > div span[data-lang] {
        width: 100%;
        display: block; }
      #footer.small > div > div > div.right {
        margin-bottom: 2rem; } }

.how-it-works {
  margin-top: 6rem;
  position: relative;
  z-index: 5; }
  .how-it-works .l-container > div {
    text-align: center; }
    .how-it-works .l-container > div:before, .how-it-works .l-container > div:after {
      content: "";
      display: table; }
    .how-it-works .l-container > div:after {
      clear: both; }
    @media (max-width: 590px) {
      .how-it-works .l-container > div {
        margin-bottom: 50px; } }
    @media (max-width: 410px) {
      .how-it-works .l-container > div figure {
        width: 80%;
        display: block;
        margin-left: 10%; } }
    @media (min-width: 410px) and (max-width: 590px) {
      .how-it-works .l-container > div figure {
        width: 60%;
        display: block;
        margin-left: 20%; } }
    .how-it-works .l-container > div h2 {
      margin-bottom: 3rem; }
      @media (max-width: 410px) {
        .how-it-works .l-container > div h2 {
          font-size: 2rem; } }
      @media (max-width: 590px) {
        .how-it-works .l-container > div h2 {
          line-height: 1.25em; }
          .how-it-works .l-container > div h2 span {
            display: block;
            width: 100%; } }
    .how-it-works .l-container > div h3 {
      font-size: 1.75rem;
      text-align: center;
      margin-bottom: 1rem; }
    .how-it-works .l-container > div p {
      text-align: center; }
      @media (min-width: 410px) and (max-width: 590px) {
        .how-it-works .l-container > div p {
          width: 70%;
          display: block;
          margin-left: 15%; } }
  .how-it-works .title-box {
    margin-bottom: 0 !important; }

body.textpage #content > section {
  margin-bottom: 3rem; }
body.textpage h1, body.textpage h2, body.textpage h3 {
  width: 100%;
  text-align: center; }
body.textpage .l-container .l-full {
  max-width: 800px;
  margin: 0 auto;
  display: block;
  float: none; }
body.textpage p.intro {
  width: 100%;
  max-width: none;
  font-size: 1.5rem;
  margin-bottom: 3rem;
  text-align: center; }

.app-preview {
  text-align: center;
  margin-top: 14rem; }
  @media (mxa-width: 590px) {
    .app-preview {
      margin-top: 6rem; } }
  .app-preview .l-full h2 {
    margin-bottom: 3rem; }
  .app-preview > ul li:after {
    display: none; }
  .app-preview > ul li.app-1 {
    background-image: url("../images/partner-page/app-1.jpg"); }
  .app-preview > ul li.app-2 {
    background-image: url("../images/partner-page/app-2.jpg"); }
  .app-preview > ul li.app-3 {
    background-image: url("../images/partner-page/app-3.jpg"); }
  .app-preview > ul li.app-4 {
    background-image: url("../images/partner-page/app-4.jpg"); }

.team {
  max-height: 100%;
  position: relative;
  overflow: hidden; }
  .team .l-container {
    position: relative;
    z-index: 2;
    text-align: center; }
    .team .l-container .teamimg {
      margin: 50px 0 30px 0;
      width: 100%;
      max-width: 825px;
      display: inline-block; }
      .team .l-container .teamimg img {
        width: 100%;
        heigh: auto; }
  @media (min-width: 590px) and (max-width: 1000px) {
    .team {
      background-position: right top; }
      .team:after {
        margin-top: 470px; } }

.liveblock {
  max-height: 100%;
  position: relative;
  overflow: hidden;
  min-height: 800px; }
  .liveblock:after {
    content: "";
    height: 650px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin-top: 250px;
    display: block;
    background: linear-gradient(to bottom, transparent 0%, black 48%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */ }
  .liveblock .l-container {
    position: relative;
    z-index: 2; }
  @media (min-width: 590px) and (max-width: 1000px) {
    .liveblock:after {
      margin-top: 470px; } }

.live {
  position: relative;
  z-index: 999; }
  .live .l-container {
    max-width: 1090px; }

.tnw {
  height: auto;
  display: inline-block;
  background-color: #1a1a1a;
  margin-top: 20px;
  border-radius: 10px;
  width: 100%;
  font-weight: bold;
  transition: all 250ms ease-in-out;
  /* additional */ }
  .tnw.none {
    pointer-events: none; }
  .tnw .redbox {
    width: 35%;
    height: 55px;
    margin: 0;
    max-width: 260px;
    padding: 0 30px 0 20px;
    background-color: #f93b2a;
    color: white;
    float: left;
    line-height: 57px;
    position: relative;
    border-radius: 5px;
    font-size: 18px;
    text-transform: uppercase; }
    .tnw .redbox span {
      font-family: 'ProximaNova-Bold'; }
    .tnw .redbox:after {
      display: block;
      content: "";
      position: absolute;
      width: 39px;
      height: 39px;
      background-color: #f93b2a;
      right: -17px;
      top: 8px;
      transform: rotate(45deg); }
  .tnw .quote {
    float: left;
    padding-top: 16px;
    color: white;
    font-family: 'ProximaNova-Bold';
    font-size: 17px;
    padding-left: 40px;
    padding-bottom: 0; }
    .tnw .quote .redlight {
      color: #f93b2a;
      text-decoration: underline; }
  .tnw:hover {
    background-color: #333333; }
  @media (max-width: 1200px) {
    .tnw .quote {
      padding: 5px 0px 5px 40px;
      width: 60%; } }
  @media (max-width: 767px) {
    .tnw .redbox {
      width: 100%;
      max-width: none;
      text-align: center; }
      .tnw .redbox:after {
        left: 50%;
        top: auto;
        bottom: -10px;
        margin-left: -10px;
        width: 20px;
        height: 20px; }
    .tnw .quote {
      width: 100%;
      display: block;
      padding: 30px; } }

.logoblock {
  max-height: 100%;
  position: relative;
  overflow: hidden;
  border-top: 5px solid #96c135; }
  .logoblock .l-container {
    position: relative;
    z-index: 2;
    text-align: center; }
    .logoblock .l-container #logo {
      margin: 50px 0 30px 0;
      width: 150px; }
  @media (min-width: 590px) and (max-width: 1000px) {
    .logoblock {
      background-position: right top; }
      .logoblock:after {
        margin-top: 470px; } }

.title {
  max-height: 100%;
  position: relative;
  overflow: hidden;
  margin-top: 50px; }
  .title .l-container {
    text-align: center;
    max-width: 1000px; }
    .title .l-container h2 {
      text-align: center; }

.slide .l-container {
  max-width: 100%; }
.slide .slidebox {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 400px;
  padding: 0;
  margin-top: 50px;
  background-color: #333333;
  /*
  @media (max-width:$breakpoint-40)
  {
  	width:720px;
  }
  
  @media (max-width:$breakpoint-30) {
  	width:500px;
  }
  
  @media (max-width:$breakpoint-10) {
  	width:300px;
  }
  */ }
  @media (max-width: 1200px) {
    .slide .slidebox {
      height: 300px; } }
  .slide .slidebox a.slide_btn {
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #96c135;
    position: absolute;
    z-index: 99;
    top: 50%;
    margin-top: -30px;
    transition: all 100ms ease-in-out;
    text-decoration: none;
    color: white; }
    .slide .slidebox a.slide_btn.left {
      left: 0px; }
      .slide .slidebox a.slide_btn.left:before {
        left: 20px;
        top: 22px; }
    .slide .slidebox a.slide_btn.right {
      right: 0px; }
      .slide .slidebox a.slide_btn.right:before {
        left: 25px;
        top: 22px; }
    .slide .slidebox a.slide_btn:hover {
      background-color: rgba(0, 0, 0, 0.8);
      color: #96c135; }
  .slide .slidebox ul {
    list-style-type: none;
    margin: 0;
    height: auto;
    display: inline-block;
    padding: 0;
    width: 999em; }
    .slide .slidebox ul li {
      float: left;
      width: 600px;
      height: 400px; }
      @media (max-width: 1200px) {
        .slide .slidebox ul li {
          width: 240px;
          height: 300px; } }
      @media (max-width: 960px) {
        .slide .slidebox ul li {
          width: 250px;
          height: 300px; } }
      @media (max-width: 590px) {
        .slide .slidebox ul li {
          width: 320px;
          height: 300px; } }

.tnw_social {
  margin-top: 100px; }
  .tnw_social .socialbox {
    display: block;
    margin-bottom: 75px; }
  .tnw_social .l-container {
    text-align: center; }

#section--projects {
  background-color: white;
  position: relative;
  width: 100%;
  margin-top: 30px;
  background-color: #1a1a1a; }
  #section--projects .l-inner {
    padding: 0;
    overflow: hidden;
    height: auto !important; }

#section--projects .content {
  text-align: center;
  width: 70%;
  margin: 80px auto 20px; }
  #section--projects .content:before, #section--projects .content:after {
    content: "";
    display: table; }
  #section--projects .content:after {
    clear: both; }
  #section--projects .content h2 {
    font-size: 2em; }

#section--projects .projects--view {
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  #section--projects .projects--view .scroller {
    overflow: hidden;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 410px; }
  #section--projects .projects--view ul {
    display: inline-block;
    position: relative; }
  #section--projects .projects--view .indicator {
    text-align: center; }
    #section--projects .projects--view .indicator ul {
      display: inline-block; }
      #section--projects .projects--view .indicator ul li {
        float: left;
        width: 24px;
        height: 24px;
        display: block;
        background: black;
        margin-left: 10px;
        cursor: pointer;
        border-radius: 50px; }
        #section--projects .projects--view .indicator ul li:first-child {
          margin: 0;
          cursor: default; }
        #section--projects .projects--view .indicator ul li.is-active {
          background: #96c135; }

#section--projects .projects--view ul li {
  width: 620px;
  height: 400px;
  float: left;
  margin: 0 0 0 0;
  position: relative;
  background-color: #333333; }
  #section--projects .projects--view ul li img {
    min-width: 100%; }
  #section--projects .projects--view ul li .overlay {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    color: white;
    padding: 50px; }
    #section--projects .projects--view ul li .overlay h3 {
      color: inherit;
      font-weight: 700;
      font-size: 2rem;
      margin-bottom: 0.625rem; }
    #section--projects .projects--view ul li .overlay p {
      font-size: 0.93rem;
      font-weight: 500;
      margin-bottom: .5rem; }
    #section--projects .projects--view ul li .overlay a {
      float: right;
      color: inherit;
      font-size: 0.93rem;
      font-weight: 700; }
      #section--projects .projects--view ul li .overlay a:after {
        content: '>'; }
      #section--projects .projects--view ul li .overlay a span {
        display: none; }

#section--projects .control {
  width: 70px;
  height: 70px;
  top: 0;
  left: 50%;
  margin-top: 175px;
  position: absolute;
  background-color: black;
  z-index: 999;
  display: block;
  opacity: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center; }
  #section--projects .control:before {
    left: 35px;
    top: 25px;
    font-size: 20px; }
  #section--projects .control.nav--left {
    margin-left: -420px; }
    #section--projects .control.nav--left:before {
      left: 25px; }
  #section--projects .control.nav--right {
    margin-left: 350px; }
    #section--projects .control.nav--right:before {
      left: 28px; }
  #section--projects .control:hover {
    color: #96c135; }

body.partner {
  background-image: url(../images/bg-header.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top; }
  body.partner:after {
    content: "";
    height: 650px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin-top: 450px;
    display: block;
    background: linear-gradient(to bottom, transparent 0%, black 48%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */ }
  @media (max-width: 900px) {
    body.partner:after {
      margin-top: 300px; } }
  @media (max-width: 767px) {
    body.partner:after {
      margin-top: 150px; } }
  @media (max-width: 590px) {
    body.partner {
      background-size: 150% auto; }
      body.partner:after {
        margin-top: 300px;
        height: 400px; } }
  @media (max-width: 401px) {
    body.partner {
      background-size: 200% auto; }
      body.partner:after {
        margin-top: 200px;
        height: 300px; } }
  body.partner #header a#logo {
    margin: 3.75rem auto 2rem; }
  @media (max-width: 410px) {
    body.partner #header a#logo {
      max-height: 130px; } }
  body.partner #content > div > div {
    margin-bottom: 5rem;
    position: relative;
    z-index: 5; }
    body.partner #content > div > div:before, body.partner #content > div > div:after {
      content: "";
      display: table; }
    body.partner #content > div > div:after {
      clear: both; }
    body.partner #content > div > div h1 {
      line-height: 1.25em; }
      body.partner #content > div > div h1 .sub {
        font-size: 1.65rem;
        display: block;
        font-family: "Chantilly-Italic", "ProximaNova-Light", sans-serif;
        font-weight: lighter; }
      @media (max-width: 767px) {
        body.partner #content > div > div h1 .sub {
          font-size: 1.25rem; } }
      @media (max-width: 590px) {
        body.partner #content > div > div h1 {
          font-size: 1.5rem; }
          body.partner #content > div > div h1 br {
            display: none; }
          body.partner #content > div > div h1 .sub {
            font-size: 1rem;
            line-height: 1.5em;
            margin-bottom: 1rem; } }
    body.partner #content > div > div h2 {
      text-align: center; }
      @media (max-width: 590px) {
        body.partner #content > div > div h2 {
          font-size: 2rem; } }
      @media (max-width: 410px) {
        body.partner #content > div > div h2 {
          font-size: 1.6rem; } }
    @media (max-width: 590px) {
      body.partner #content > div > div h1 .sub,
      body.partner #content > div > div h2 .sub {
        display: block;
        width: 100%; } }
    body.partner #content > div > div p {
      text-align: center;
      max-width: 900px;
      margin: 0 auto; }
      @media (max-width: 410px) {
        body.partner #content > div > div p {
          font-size: 1rem; } }

body.partner #header:after {
  content: "";
  height: 800px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin-top: 470px;
  display: block;
  background: linear-gradient(to bottom, transparent 0%, black 48%); }
@media (max-width: 590px) {
  body.partner #header:after {
    height: 400px;
    margin-top: 360px; } }

body.partner .intro h1 {
  width: 100%;
  text-align: center;
  margin-bottom: 2rem; }
body.partner .intro .buttons {
  width: 100%;
  text-align: center; }
  body.partner .intro .buttons a {
    display: inline-block; }
    body.partner .intro .buttons a.button {
      margin-right: 1rem; }
  @media (max-width: 410px) {
    body.partner .intro .buttons a, body.partner .intro .buttons button {
      display: block;
      width: 47%;
      float: left;
      margin: 0 !important; }
    body.partner .intro .buttons button {
      margin-right: 0;
      margin-left: 6% !important; } }

body.partner .previews {
  height: 700px;
  position: relative; }
  body.partner .previews:after {
    content: "";
    height: 510px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    margin-top: 330px;
    display: block;
    background: linear-gradient(to bottom, transparent 0%, black 48%); }
  @media (max-width: 410px) {
    body.partner .previews {
      height: 500px; }
      body.partner .previews:after {
        margin-top: 220px; } }
  body.partner .previews .l-full {
    text-align: center; }
    @media (min-width: 982px) {
      body.partner .previews .l-full {
        position: relative; } }
    body.partner .previews .l-full figure {
      display: block;
      margin: 0;
      position: absolute;
      left: 50%;
      top: 0; }
      body.partner .previews .l-full figure .placeholder {
        position: absolute;
        z-index: 9;
        width: 100%;
        height: 100px;
        overflow: hidden; }
        body.partner .previews .l-full figure .placeholder .wrap {
          display: block;
          width: 100%;
          height: 100%;
          position: relative;
          background-color: #000; }
          body.partner .previews .l-full figure .placeholder .wrap img {
            opacity: 0;
            max-width: none; }
          body.partner .previews .l-full figure .placeholder .wrap.fitted img {
            opacity: 1; }
      body.partner .previews .l-full figure .device {
        display: block;
        position: relative;
        z-index: 10;
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat; }
    body.partner .previews .l-full .browser {
      height: 559px;
      width: 543px;
      left: 0;
      margin: 130px 0 0 50px;
      z-index: 1; }
      body.partner .previews .l-full .browser .placeholder {
        margin: 48px 0 0 3px;
        height: 509px;
        transform: rotate(-0.7deg); }
      body.partner .previews .l-full .browser .device {
        background-image: url("../images/transparent-browser_en.png"); }
      @media (max-width: 590px) {
        body.partner .previews .l-full .browser {
          display: none; } }
      @media (max-width: 800px) {
        body.partner .previews .l-full .browser {
          margin-left: 0; } }
    body.partner .previews .l-full .iphone {
      height: 647px;
      width: 317px;
      margin: 0 0 0 -108px;
      z-index: 3; }
      body.partner .previews .l-full .iphone .placeholder {
        margin: 80px 0 0 20px;
        height: 263px;
        width: 275px; }
      body.partner .previews .l-full .iphone .device {
        background-image: url("../images/transparent-iphone_en.png"); }
      @media (max-width: 982px) {
        body.partner .previews .l-full .iphone {
          left: auto;
          right: 0; } }
      @media (max-width: 590px) {
        body.partner .previews .l-full .iphone {
          right: 50%;
          margin-right: -159px; } }
      @media (max-width: 410px) {
        body.partner .previews .l-full .iphone {
          width: 260px;
          height: 530px;
          right: 5%;
          margin-right: 0; }
          body.partner .previews .l-full .iphone .placeholder {
            height: 203px;
            width: 223px; } }
    body.partner .previews .l-full .samsung {
      height: 520px;
      width: 348px;
      margin: 80px 0 0 115px;
      z-index: 2; }
      body.partner .previews .l-full .samsung .placeholder {
        margin: 78px 0 0 46px;
        height: 147px;
        width: 276px; }
      body.partner .previews .l-full .samsung .device {
        background-image: url("../images/transparent-samsung_en.png"); }
      @media (max-width: 982px) {
        body.partner .previews .l-full .samsung {
          display: none; } }

body.partner .mission {
  margin-bottom: 12rem !important; }
  @media (max-width: 590px) {
    body.partner .mission {
      margin-bottom: 7.5rem !important; } }

body.partner .promise {
  margin-bottom: 12rem !important; }
  @media (max-width: 590px) {
    body.partner .promise {
      margin-bottom: 7.5rem !important; } }
  body.partner .promise > div:before, body.partner .promise > div:after {
    content: "";
    display: table; }
  body.partner .promise > div:after {
    clear: both; }
  body.partner .promise > div > p {
    margin-bottom: 3rem !important; }
  body.partner .promise > ul li {
    height: 350px; }
    body.partner .promise > ul li .tnw {
      width: 130px;
      height: 135px;
      position: absolute;
      top: -10px;
      right: -10px;
      background-image: url("../images/badge_boost_2.png");
      background-size: 130px 135px; }
    body.partner .promise > ul li h3 {
      position: relative;
      font-size: inherit;
      font-family: "ProximaNova-Bold", "ProximaNova-Light", sans-serif; }
      @media (max-width: 410px) {
        body.partner .promise > ul li h3 {
          padding: 0; }
          body.partner .promise > ul li h3:before {
            display: none; } }
    body.partner .promise > ul li:after {
      height: 220px; }
  body.partner .promise > ul li.cta {
    background-color: #1a1a1a;
    padding-top: 4.5rem;
    text-align: center; }
    body.partner .promise > ul li.cta * {
      position: relative;
      z-index: 2; }
    body.partner .promise > ul li.cta > p {
      margin-bottom: 2rem !important; }
  body.partner .promise > ul li.pro-1 {
    background-image: url("../images/partner-page/promise-1.jpg"); }
  body.partner .promise > ul li.pro-2 {
    background-image: url("../images/partner-page/promise-2.jpg"); }
  body.partner .promise > ul li.pro-3 {
    background-image: url("../images/partner-page/promise-3.jpg"); }
  body.partner .promise > ul li.pro-4 {
    background-image: url("../images/partner-page/promise-4.jpg"); }
  body.partner .promise > ul li.pro-5 {
    background-image: url("../images/partner-page/promise-5.jpg"); }

body.partner .app {
  text-align: center; }
  body.partner .app .l-full h2 {
    margin-bottom: 3rem; }
  body.partner .app > ul li:after {
    display: none; }
  body.partner .app > ul li.app-1 {
    background-image: url("../images/partner-page/app-1.jpg"); }
  body.partner .app > ul li.app-2 {
    background-image: url("../images/partner-page/app-2.jpg"); }
  body.partner .app > ul li.app-3 {
    background-image: url("../images/partner-page/app-3.jpg"); }
  body.partner .app > ul li.app-4 {
    background-image: url("../images/partner-page/app-4.jpg"); }

body.partner #footer {
  margin-top: 3rem; }

.ie9 body.partner,
.ie9 body.partner .previews {
  height: 700px;
  position: relative; }
  .ie9 body.partner:after,
  .ie9 body.partner .previews:after {
    content: "";
    height: 300px;
    margin-top: 400px;
    background: url("../images/gradient.png");
    background-size: auto 100%;
    background-repeat: repeat-x; }

.ie9 body.partner:after {
  margin-top: 560px; }

body.p404 {
  border-top: 5px solid #96c135; }
  body.p404:after {
    content: "";
    height: 450px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin-top: 450px;
    display: block;
    background: linear-gradient(to bottom, transparent 0%, black 48%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */ }
  @media (max-width: 1000px) {
    body.p404:after {
      margin-top: 350px; } }
  @media (max-width: 850px) {
    body.p404:after {
      margin-top: 250px; } }
  body.p404 #content {
    padding-top: 10rem;
    padding-bottom: 5rem;
    text-align: center;
    position: relative;
    z-index: 10; }
    body.p404 #content h1 {
      display: inline-block;
      margin-bottom: 2rem;
      text-align: left; }
    body.p404 #content figure {
      margin: 0;
      display: inline-block;
      margin-bottom: 8rem; }
    body.p404 #content p {
      display: block;
      max-width: 800px;
      margin: 0 auto;
      color: white; }
    body.p404 #content a {
      color: #96c135; }
  body.p404 #footer {
    margin-top: 0; }

.claimed {
  border-top: 5px solid #96c135; }
  .claimed #content {
    height: 800px;
    padding-top: 7rem;
    text-align: center;
    position: relative;
    z-index: 10; }
    .claimed #content h1 {
      display: inline-block;
      margin-bottom: 2rem;
      text-align: left; }
      .claimed #content h1 span {
        font-family: "Chantilly-Bold-Italic", "ProximaNova-Bold", "ProximaNova-Light", sans-serif; }
    .claimed #content figure {
      width: 500px;
      max-width: 90%;
      margin: 0 auto;
      display: block;
      margin-bottom: 3rem; }
      .claimed #content figure img {
        width: 100%; }
    .claimed #content p {
      display: block;
      max-width: 800px;
      margin: 0 auto;
      color: white; }
    .claimed #content .subtext {
      margin-top: 2rem;
      color: #363636; }
    .claimed #content a {
      color: #96c135; }
  .claimed #footer {
    margin-top: 0; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 2cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }