@charset "UTF-8";

/* line 18, ../../src/styles/common/_typography.scss */

h1 {

  margin: 0 !important;

  font-size: 2.25em;

  font-weight: bold;

  letter-spacing: -0.05em;

}

@media (min-width: 767px) {

  /* line 18, ../../src/styles/common/_typography.scss */

  h1 {

    font-size: 3.75em;

  }

}

/* line 28, ../../src/styles/common/_typography.scss */

h2 {

  font-size: 1.5em;

}

@media (min-width: 767px) {

  /* line 28, ../../src/styles/common/_typography.scss */

  h2 {

    font-size: 3em;

  }

}

/* line 35, ../../src/styles/common/_typography.scss */

h3 {

  font-size: 1.125em;

}

@media (min-width: 767px) {

  /* line 35, ../../src/styles/common/_typography.scss */

  h3 {

    font-size: 1.5em;

  }

}

/* line 44, ../../src/styles/common/_typography.scss */

.main-page-title {

  font-size: 2.25em;

}

@media (min-width: 767px) {

  /* line 44, ../../src/styles/common/_typography.scss */

  .main-page-title {

    font-size: 3em;

  }

}

/* line 51, ../../src/styles/common/_typography.scss */

p {

  font-size: 18px;

  font-size: 18px;

  font-size: 1.125rem;

  margin: 0;

  line-height: 1.56;

}

@media (min-width: 767px) {

  /* line 55, ../../src/styles/common/_typography.scss */

  p.large-copy {

    font-size: 1.5rem;

  }

}

/* line 62, ../../src/styles/common/_typography.scss */

.header-copy-large {

  font-size: 24px;

  font-size: 24px;

  font-size: 1.5rem;

  line-height: 1.9375;

}

@media (min-width: 767px) {

  /* line 62, ../../src/styles/common/_typography.scss */

  .header-copy-large {

    font-size: 2.25rem;

  }

}

/* line 5, ../../src/styles/common/_classes.scss */

.nav-bar-container, .header-container, footer, .page-homepage section.homepage-section, .page-homepage .how-does-it-work-section, .about .header-container, .about-section-container, .about-grid-section, .installation-guide-nav, .installation-guide-container, .copy-slide, .details .header-container, .header-container2 {

  max-width: 1600px;

  margin: 0 auto;

}

/* line 9, ../../src/styles/common/_classes.scss */

.mobile-nav-button .middlebar, .mobile-nav-button:before, .mobile-nav-button:after {

  height: 2px;

  width: 20px;

  width: 20px;

  width: 1.25rem;

  background-color: white;

}

/* line 14, ../../src/styles/common/_classes.scss */

.nav-open .mobile-nav-button .middlebar, .mobile-nav-button .nav-open .middlebar, .nav-open .mobile-nav-button:before, .nav-open .mobile-nav-button:after {

  background-color: white !important;

}

/* line 19, ../../src/styles/common/_classes.scss */

.rounded-button, .rounded-button-inverse, .green-brand-button, a, .nav-item.active .nav-item-link, .mobile-nav-button .middlebar, .mobile-nav-button:before, .mobile-nav-button:after, footer .socials .text-replace, #mc_embed_signup #mc-embedded-subscribe, .page-homepage .homepage-carousel .owl-prev, .page-homepage .homepage-carousel .owl-next, .about-grid-copy-container, .social-container > *, .link-span:after, .link-span:before, .installation-guide-nav-list, .installation-guide-nav-item, .arrow-down, .pagination-button {

  -webkit-transition: 0.05s ease-in-out;

  transition: 0.05s ease-in-out;

}

/* line 23, ../../src/styles/common/_classes.scss */

.nav-bar-container, .nav-bar-wrapper, .main-header, .header-color-overlay, .landing-video, .video-modal, .guide-image {

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}

/* line 30, ../../src/styles/common/_classes.scss */

.rounded-button, .rounded-button-inverse, .green-brand-button {

  display: inline-block;

  width: 100%;

  max-width: 256px;

  background-color: #5e91eb;

  border-radius: 30px;

  padding: 1.2em;

  color: white;

  font-size: 18px;

  font-size: 18px;

  font-size: 1.125rem;

  font-weight: 600;

  line-height: 1;

}

@media (min-width: 767px) {

  /* line 44, ../../src/styles/common/_classes.scss */

  .rounded-button:hover, .rounded-button-inverse:hover, .green-brand-button:hover {

    background-color: #5572c2;

  }

}

/* line 50, ../../src/styles/common/_classes.scss */

.small-button {

  max-width: 192px;

  padding: 0.75em 1em;

}

/* line 55, ../../src/styles/common/_classes.scss */

.rounded-button-inverse {

  background-color: white;

  color: #5e91eb;

  border: 1px solid #5e91eb;

}

@media (min-width: 767px) {

  /* line 61, ../../src/styles/common/_classes.scss */

  .rounded-button-inverse:hover {

    background-color: #5572c2;

    border-color: #5572c2;

    color: white;

  }

}

/* line 69, ../../src/styles/common/_classes.scss */

.white-border {

  border: 1px solid white;

}

/* line 73, ../../src/styles/common/_classes.scss */

.green-brand-button {

  background: #89f489;

  color: #5e91eb;

}

/* line 77, ../../src/styles/common/_classes.scss */

.green-brand-button:hover {

  background-color: white;

}

/* line 82, ../../src/styles/common/_classes.scss */

.text-replace {

  text-indent: 100%;

  white-space: nowrap;

  overflow: hidden;

}

/* line 88, ../../src/styles/common/_classes.scss */

.text-replace-sr {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px;

}

/* line 100, ../../src/styles/common/_classes.scss */

.blue-copy {

  color: #5e91eb;

}

/* line 104, ../../src/styles/common/_classes.scss */

.grey-copy {

  color: #A9AEB8;

}

/* line 108, ../../src/styles/common/_classes.scss */

.blue-title {

  color: #5e91eb;

}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**

 * 1. Set default font family to sans-serif.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */

/* line 9, ../../src/styles/base/_normalize.scss */

html {

  -ms-text-size-adjust: 100%;

  /* 2 */

  -webkit-text-size-adjust: 100%;

  /* 2 */

}

/**

 * Remove default margin.

 */

/* line 18, ../../src/styles/base/_normalize.scss */

body {

  margin: 0;

}

/* HTML5 display definitions

   ========================================================================== */

/**

 * Correct `block` display not defined for any HTML5 element in IE 8/9.

 * Correct `block` display not defined for `details` or `summary` in IE 10/11

 * and Firefox.

 * Correct `block` display not defined for `main` in IE 11.

 */

/* line 32, ../../src/styles/base/_normalize.scss */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

  display: block;

}

/**

 * 1. Correct `inline-block` display not defined in IE 8/9.

 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

 */

/* line 53, ../../src/styles/base/_normalize.scss */

audio,

canvas,

progress,

video {

  display: inline-block;

  /* 1 */

  vertical-align: baseline;

  /* 2 */

}

/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */

/* line 66, ../../src/styles/base/_normalize.scss */

audio:not([controls]) {

  display: none;

  height: 0;

}

/**

 * Address `[hidden]` styling not present in IE 8/9/10.

 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.

 */

/* line 76, ../../src/styles/base/_normalize.scss */

[hidden],

template {

  display: none;

}

/* Links

   ========================================================================== */

/**

 * Remove the gray background color from active links in IE 10.

 */

/* line 88, ../../src/styles/base/_normalize.scss */

a {

  background-color: transparent;

  text-decoration: none;

}

/**

 * Improve readability when focused and also mouse hovered in all browsers.

 */

/* line 97, ../../src/styles/base/_normalize.scss */

a:active,

a:hover {

  outline: 0;

}

/* Text-level semantics

   ========================================================================== */

/**

 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.

 */

/* line 109, ../../src/styles/base/_normalize.scss */

abbr[title] {

  border-bottom: 1px dotted;

}

/**

 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.

 */

/* line 117, ../../src/styles/base/_normalize.scss */

b,

strong {

  font-weight: bold;

}

/**

 * Address styling not present in Safari and Chrome.

 */

/* line 126, ../../src/styles/base/_normalize.scss */

dfn {

  font-style: italic;

}

/**

 * Address variable `h1` font-size and margin within `section` and `article`

 * contexts in Firefox 4+, Safari, and Chrome.

 */

/* line 135, ../../src/styles/base/_normalize.scss */

h1 {

  margin: 0.67em 0;

}

/**

 * Address styling not present in IE 8/9.

 */

/* line 143, ../../src/styles/base/_normalize.scss */

mark {

  background: #ff0;

  color: #000;

}

/**

 * Address inconsistent and variable font size in all browsers.

 */

/* line 152, ../../src/styles/base/_normalize.scss */

small {

  font-size: 80%;

}

/**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */

/* line 160, ../../src/styles/base/_normalize.scss */

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

/* line 168, ../../src/styles/base/_normalize.scss */

sup {

  top: -0.5em;

}

/* line 172, ../../src/styles/base/_normalize.scss */

sub {

  bottom: -0.25em;

}

/* Embedded content

   ========================================================================== */

/**

 * Remove border when inside `a` element in IE 8/9/10.

 */

/* line 183, ../../src/styles/base/_normalize.scss */

img {

  border: 0;

}

/**

 * Correct overflow not hidden in IE 9/10/11.

 */

/* line 191, ../../src/styles/base/_normalize.scss */

svg:not(:root) {

  overflow: hidden;

}

/* Grouping content

   ========================================================================== */

/**

 * Address margin not present in IE 8/9 and Safari.

 */

/* line 202, ../../src/styles/base/_normalize.scss */

figure {

  margin: 1em 40px;

}

/**

 * Address differences between Firefox and other browsers.

 */

/* line 210, ../../src/styles/base/_normalize.scss */

hr {

  box-sizing: content-box;

  height: 0;

}

/**

 * Contain overflow in all browsers.

 */

/* line 220, ../../src/styles/base/_normalize.scss */

pre {

  overflow: auto;

}

/**

 * Address odd `em`-unit font size rendering in all browsers.

 */

/* line 228, ../../src/styles/base/_normalize.scss */

code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}

/* Forms

   ========================================================================== */

/**

 * Known limitation: by default, Chrome and Safari on OS X allow very limited

 * styling of `select`, unless a `border` property is set.

 */

/**

 * 1. Correct color not being inherited.

 *    Known issue: affects color of disabled elements.

 * 2. Correct font properties not being inherited.

 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

 */

/* line 251, ../../src/styles/base/_normalize.scss */

button,

input,

optgroup,

select,

textarea {

  color: inherit;

  /* 1 */

  font: inherit;

  /* 2 */

  margin: 0;

  /* 3 */

}

/**

 * Address `overflow` set to `hidden` in IE 8/9/10/11.

 */

/* line 265, ../../src/styles/base/_normalize.scss */

button {

  overflow: visible;

}

/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

 * Correct `select` style inheritance in Firefox.

 */

/* line 276, ../../src/styles/base/_normalize.scss */

button,

select {

  text-transform: none;

}

/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 */

/* line 289, ../../src/styles/base/_normalize.scss */

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  /* 2 */

  cursor: pointer;

  /* 3 */

}

/**

 * Re-set default cursor for disabled elements.

 */

/* line 301, ../../src/styles/base/_normalize.scss */

button[disabled],

html input[disabled] {

  cursor: default;

}

/**

 * Remove inner padding and border in Firefox 4+.

 */

/* line 310, ../../src/styles/base/_normalize.scss */

button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}

/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

/* line 321, ../../src/styles/base/_normalize.scss */

input {

  line-height: normal;

}

/**

 * It's recommended that you don't attempt to style these elements.

 * Firefox's implementation doesn't respect box-sizing, padding, or width.

 *

 * 1. Address box sizing set to `content-box` in IE 8/9/10.

 * 2. Remove excess padding in IE 8/9/10.

 */

/* line 333, ../../src/styles/base/_normalize.scss */

input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */

}

/**

 * Fix the cursor style for Chrome's increment/decrement buttons. For certain

 * `font-size` values of the `input`, it causes the cursor style of the

 * decrement button to change from `default` to `text`.

 */

/* line 345, ../../src/styles/base/_normalize.scss */

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}

/**

 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome

 *    (include `-moz` to future-proof).

 */

/* line 356, ../../src/styles/base/_normalize.scss */

input[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  /* 2 */

  box-sizing: content-box;

}

/**

 * Remove inner padding and search cancel button in Safari and Chrome on OS X.

 * Safari (but not Chrome) clips the cancel button when the search input has

 * padding (and `textfield` appearance).

 */

/* line 369, ../../src/styles/base/_normalize.scss */

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}

/**

 * Define consistent border, margin, and padding.

 */

/* line 378, ../../src/styles/base/_normalize.scss */

fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}

/**

 * 1. Correct `color` not being inherited in IE 8/9/10/11.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 */

/* line 389, ../../src/styles/base/_normalize.scss */

legend {

  border: 0;

  /* 1 */

  padding: 0;

  /* 2 */

}

/**

 * Remove default vertical scrollbar in IE 8/9/10/11.

 */

/* line 398, ../../src/styles/base/_normalize.scss */

textarea {

  overflow: auto;

}

/**

 * Don't inherit the `font-weight` (applied by a rule above).

 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

 */

/* line 407, ../../src/styles/base/_normalize.scss */

optgroup {

  font-weight: bold;

}

/* Tables

   ========================================================================== */

/**

 * Remove most spacing between table cells.

 */

/* line 418, ../../src/styles/base/_normalize.scss */

table {

  border-collapse: collapse;

  border-spacing: 0;

}

/* line 423, ../../src/styles/base/_normalize.scss */

td,

th {

  padding: 0;

}

/* line 2, ../../src/styles/base/_base.scss */

* {

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  box-sizing: border-box;

  outline: none;

}

/* line 12, ../../src/styles/base/_base.scss */

html {

  font-family: "nimbus-sans", sans-serif;

  font-size: 16px;

}

/* line 17, ../../src/styles/base/_base.scss */

body {

  width: 100%;

  font-size: 100%;

  color: #525252;

}

/* line 21, ../../src/styles/base/_base.scss */

body.video-open {

  overflow: hidden;

}

/* line 26, ../../src/styles/base/_base.scss */



/* line 30, ../../src/styles/base/_base.scss */

button {

  background: none;

  border: 0;

  color: inherit;

  /* cursor: default; */

  font: inherit;

  line-height: normal;

  overflow: visible;

  padding: 0;

  -webkit-appearance: button;

  /* for input */

  -webkit-user-select: none;

  /* for button */

  -moz-user-select: none;

  -ms-user-select: none;

}

/* line 44, ../../src/styles/base/_base.scss */

input::-moz-focus-inner,

button::-moz-focus-inner {

  border: 0;

  padding: 0;

}

/* line 50, ../../src/styles/base/_base.scss */

a {

  color: inherit;

}

@media (min-width: 1280px) {

  /* line 54, ../../src/styles/base/_base.scss */

  a:hover {

    color: #5e91eb;

  }

}

/* line 60, ../../src/styles/base/_base.scss */

ul {

  list-style-type: none;

}

/* line 65, ../../src/styles/base/_base.scss */

body > img:first-of-type {

  display: none;

}

/* line 69, ../../src/styles/base/_base.scss */

span[id*=google_conversion] {

  display: none;

}

@font-face {

  font-family: 'icomoon';

  src: url("../webfonts/icons/icomoon.eot?833mct");

  src: url("../webfonts/icons/icomoon.eot?833mct#iefix") format("embedded-opentype"), url("../webfonts/icons/icomoon.ttf?833mct") format("truetype"), url("../webfonts/icons/icomoon.woff?833mct") format("woff"), url("../webfonts/icons/icomoon.svg?833mct#icomoon") format("svg");

  font-weight: normal;

  font-style: normal;

}

/* line 2, ../../src/styles/layout/_layout.scss */

body {

  background: #e6e8eb;

}

/* line 5, ../../src/styles/layout/_layout.scss */

.container {

  padding: 0 24px;

  padding: 0 24px;

  padding: 0 1.5rem;

}

@media (min-width: 1024px) {

  /* line 5, ../../src/styles/layout/_layout.scss */

  .container {

    padding: 0 3rem;

  }

}

/* line 13, ../../src/styles/layout/_layout.scss */

.section-container, .section-container-large, .section-container-small {

  position: relative;

  max-width: 1600px;

  margin: 0 auto;

  padding: 0 24px;

  padding: 0 24px;

  padding: 0 1.5rem;

  background: white;

}

@media (min-width: 1024px) {

  /* line 13, ../../src/styles/layout/_layout.scss */

  .section-container, .section-container-large, .section-container-small {

    padding: 0 3rem;

  }

}

@media (min-width: 1280px) {

  /* line 13, ../../src/styles/layout/_layout.scss */

  .section-container, .section-container-large, .section-container-small {

    padding: 0;

  }

}

/* line 26, ../../src/styles/layout/_layout.scss */

.section-container-large {

  padding: 0 48px;

  padding: 0 48px;

  padding: 0 3rem;

}

@media (min-width: 1024px) {

  /* line 26, ../../src/styles/layout/_layout.scss */

  .section-container-large {

    padding: 0 6rem;

  }

}

@media (min-width: 1280px) {

  /* line 34, ../../src/styles/layout/_layout.scss */

  .section-container-small {

    max-width: 864px;

  }

}

/* line 41, ../../src/styles/layout/_layout.scss */

.split-section {

  font-size: 0;

}

/* line 43, ../../src/styles/layout/_layout.scss */

.split-section > * {

  position: relative;

  display: block;

  font-size: 16px;

  font-size: 16px;

  font-size: 1rem;

}

@media (min-width: 1024px) {

  /* line 43, ../../src/styles/layout/_layout.scss */

  .split-section > * {

    display: inline-block;

    width: 50%;

    height: 100%;

    vertical-align: top;

  }

}

/* line 56, ../../src/styles/layout/_layout.scss */

.split-section-mid {

  font-size: 0;

}

/* line 58, ../../src/styles/layout/_layout.scss */

.split-section-mid > * {

  position: relative;

  display: block;

  font-size: 16px;

  font-size: 16px;

  font-size: 1rem;

}

@media (min-width: 960px) {

  /* line 58, ../../src/styles/layout/_layout.scss */

  .split-section-mid > * {

    display: inline-block;

    width: 50%;

    height: 100%;

    vertical-align: top;

  }

}

/* line 70, ../../src/styles/layout/_layout.scss */

.split-section-large {

  font-size: 0;

}

/* line 72, ../../src/styles/layout/_layout.scss */

.split-section-large > * {

  position: relative;

  display: block;

  font-size: 16px;

  font-size: 16px;

  font-size: 1rem;

}

@media (min-width: 564.24px) {

  /* line 72, ../../src/styles/layout/_layout.scss */

  .split-section-large > * {

    display: inline-block;

    width: 50%;

    height: 100%;

    vertical-align: top;

  }

}

@media (min-width: 767px) {

  /* line 88, ../../src/styles/layout/_layout.scss */

  .short-column {

    width: 18rem;

  }

}

@media (min-width: 767px) {

  /* line 94, ../../src/styles/layout/_layout.scss */

  .long-column {

    width: 36rem;

  }

}

/* line 104, ../../src/styles/layout/_layout.scss */

.section-top {

  padding-top: 64px;

  padding-top: 64px;

  padding-top: 4rem;

}

@media (min-width: 1280px) {

  /* line 104, ../../src/styles/layout/_layout.scss */

  .section-top {

    padding-top: 6rem;

  }

}

/* line 115, ../../src/styles/layout/_layout.scss */

.screen-list {

  line-height: 1.56;

  margin: 0;

  font-size: 18px;

  font-size: 18px;

  font-size: 1.125rem;

  padding-left: 24px;

  padding-left: 24px;

  padding-left: 1.5rem;

}

@media (min-width: 767px) {

  /* line 115, ../../src/styles/layout/_layout.scss */

  .screen-list {

    padding-left: 1em;

  }

}

@media (min-width: 1280px) {

  /* line 115, ../../src/styles/layout/_layout.scss */

  .screen-list {

    padding-left: 2em;

  }

}

/* line 127, ../../src/styles/layout/_layout.scss */

.screen-list:last-child {

  padding-left: 0;

}

/* line 132, ../../src/styles/layout/_layout.scss */

.screen-list-item {

  position: relative;

  display: inline-block;

  margin-bottom: 1em;

}

/* line 137, ../../src/styles/layout/_layout.scss */

.screen-list-item:last-child {

  margin-bottom: 0;

}

/* line 140, ../../src/styles/layout/_layout.scss */

.screen-list-item:before {

  content: '';

  position: absolute;

  display: inline-block;

  left: -webkit-calc(1rem * -1 - 8px);

  left: calc(1rem * -1 - 8px);

  top: 12px;

  top: 12px;

  top: 0.75rem;

  height: 8px;

  width: 8px;

  border-radius: 50%;

  background-color: #5e91eb;

}

/* line 154, ../../src/styles/layout/_layout.scss */

.screen-text-logo {

  background: url(/images/logo.svg);

  background-size: cover;

  width: 96px;

  width: 96px;

  width: 6rem;

  height: 24px;

  height: 24px;

  height: 1.5rem;

}

/* line 161, ../../src/styles/layout/_layout.scss */

.line-through {

  text-decoration: line-through;

}

/* line 4, ../../src/styles/modules/_nav-bar.scss */

.nav-bar-container {

  -webkit-transition: -webkit-transform;

  transition: -webkit-transform;

  transition: transform;

  transition: transform, -webkit-transform;

  -webkit-transition-duration: 0.25s;

          transition-duration: 0.25s;

  position: fixed;

  width: 100%;

  height: 64px;

  height: 64px;

  height: 4rem;

  z-index: 2;

  color: white;

  will-change: transform;

}

@media (min-width: 767px) {

  /* line 4, ../../src/styles/modules/_nav-bar.scss */

  .nav-bar-container {

    height: 6rem;

  }

}

/* line 18, ../../src/styles/modules/_nav-bar.scss */

.nav-bar-container.scrolling {

  opacity: 0;

  z-index: -10;

  -webkit-transform: translateY(-100%);

      -ms-transform: translateY(-100%);

          transform: translateY(-100%);

}

/* line 25, ../../src/styles/modules/_nav-bar.scss */

.nav-bar-wrapper {

  position: absolute;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

/* line 31, ../../src/styles/modules/_nav-bar.scss */

.nav-bar-wrapper > * {

  position: absolute;

  bottom: -webkit-calc(50% - 1rem);

  bottom: calc(50% - 1rem);

}

/* line 37, ../../src/styles/modules/_nav-bar.scss */

.nav-bar {

  -webkit-transition: -webkit-transform 0.25s;

  transition: -webkit-transform 0.25s;

  transition: transform 0.25s;

  transition: transform 0.25s, -webkit-transform 0.25s;

  -webkit-transform: translateX(0);

      -ms-transform: translateX(0);

          transform: translateX(0);

  will-change: transform;

  right: 24px;

  right: 24px;

  right: 1.5rem;

  font-size: 1.125em;

  line-height: 0;

}

@media (min-width: 767px) {

  /* line 37, ../../src/styles/modules/_nav-bar.scss */

  .nav-bar {

    bottom: -webkit-calc(50% - 3rem / 2);

    bottom: calc(50% - 3rem / 2);

  }

}

@media (min-width: 769px) {

  /* line 37, ../../src/styles/modules/_nav-bar.scss */

  .nav-bar {

    right: 4rem;

  }

}

@media (min-width: 767px) {

  /* line 52, ../../src/styles/modules/_nav-bar.scss */

  .hideBtn {

    -webkit-transform: translateX(35.5%);

        -ms-transform: translateX(35.5%);

            transform: translateX(35.5%);

  }

  /* line 55, ../../src/styles/modules/_nav-bar.scss */

  .hideBtn .desktop-nav-preorder-button {

    opacity: 0;

  }

}

/* line 61, ../../src/styles/modules/_nav-bar.scss */

.nav-bar-items {

  margin: 0;

}

/* line 65, ../../src/styles/modules/_nav-bar.scss */

.nav-item {

  display: none;

}

@media (min-width: 767px) {

  /* line 65, ../../src/styles/modules/_nav-bar.scss */

  .nav-item {

    display: inline-block;

    margin-left: 1.6rem;

  }

}

@media (min-width: 1024px) {

  /* line 65, ../../src/styles/modules/_nav-bar.scss */

  .nav-item {

    display: inline-block;

    margin-left: 3rem;

  }

}

/* line 76, ../../src/styles/modules/_nav-bar.scss */

.nav-item.active .nav-item-link {

  color: #a9aeb8 !important;

}

/* line 86, ../../src/styles/modules/_nav-bar.scss */

.nav-item-link {

  color: inherit;

}

/* line 94, ../../src/styles/modules/_nav-bar.scss */

.nav-logo-container {

  display: inline-block;

  width: 8.6875em;

  line-height: 0;

  left: 24px;

  left: 24px;

  left: 1.5rem;

  bottom: 0;

}

@media (min-width: 767px) {

  /* line 94, ../../src/styles/modules/_nav-bar.scss */

  .nav-logo-container {

    bottom: -webkit-calc(50% - 20px);

    bottom: calc(50% - 20px);

  }

}

@media (min-width: 769px) {

  /* line 94, ../../src/styles/modules/_nav-bar.scss */

  .nav-logo-container {

    left: 3rem;

  }

}

/* line 108, ../../src/styles/modules/_nav-bar.scss */

.nav-logo.white {

  display: inline-block;

}

/* line 111, ../../src/styles/modules/_nav-bar.scss */

.nav-logo.black {

  display: none;

}

/* line 114, ../../src/styles/modules/_nav-bar.scss */

.nav-logo.open {

  display: none;

}

/* line 122, ../../src/styles/modules/_nav-bar.scss */

.nav-bar-white,

.nav-bar-white-mobile {

  -webkit-transition: 100ms;

  transition: 100ms;

  color: #525252;

  background-color: white;

  box-shadow: 0 1px 1px #e6e8eb;

}

/* line 128, ../../src/styles/modules/_nav-bar.scss */

.nav-bar-white .nav-logo.white,

.nav-bar-white-mobile .nav-logo.white {

  display: none;

}

/* line 131, ../../src/styles/modules/_nav-bar.scss */

.nav-bar-white .nav-logo.black,

.nav-bar-white-mobile .nav-logo.black {

  display: inline-block;

}

@media (min-width: 1280px) {

  /* line 142, ../../src/styles/modules/_nav-bar.scss */

  .desktop-nav-preorder-button.visible {

    display: inline-block;

  }

}

/* line 147, ../../src/styles/modules/_nav-bar.scss */

.desktop-nav-preorder-button .preorder-button {

  height: 48px;

  height: 48px;

  height: 3rem;

  padding: 0.8em 1em;

  width: 144px;

  width: 144px;

  width: 9rem;

}

/* line 158, ../../src/styles/modules/_nav-bar.scss */

body.nav-open {

  overflow: hidden;

}

/* line 161, ../../src/styles/modules/_nav-bar.scss */

body.nav-open .nav-bar-container {

  background: #363747;

  border: none;

  box-shadow: none;

  -webkit-transform: translateY(0) !important;

      -ms-transform: translateY(0) !important;

          transform: translateY(0) !important;

}

/* line 168, ../../src/styles/modules/_nav-bar.scss */

body.nav-open .screen-footer {

  position: fixed;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 1;

}

@media (min-width: 564.24px) {

  /* line 175, ../../src/styles/modules/_nav-bar.scss */

  body.nav-open .screen-footer .menu {

    height: 460px;

    overflow: auto;

    width: -webkit-calc(100% - 3rem);

    width: calc(100% - 3rem);

  }

}

/* line 184, ../../src/styles/modules/_nav-bar.scss */

body.nav-open .socials {

  top: 80px;

  top: 80px;

  top: 5rem;

}

/* line 188, ../../src/styles/modules/_nav-bar.scss */

body.nav-open .menu {

  top: 160px;

  top: 160px;

  top: 8rem;

}

/* line 192, ../../src/styles/modules/_nav-bar.scss */

body.nav-open .nav-logo {

  display: none !important;

}

/* line 196, ../../src/styles/modules/_nav-bar.scss */

body.nav-open .nav-logo.open {

  position: relative;

  top: 2px;

  width: 6em;

  display: inline-block !important;

}

/* line 6, ../../src/styles/modules/_hamburger-button.scss */

.mobile-nav-button {

  position: relative;

  display: inline-block;

  bottom: 3px;

  background-color: inherit;

  font-size: 1.125em;

}

@media (min-width: 767px) {

  /* line 6, ../../src/styles/modules/_hamburger-button.scss */

  .mobile-nav-button {

    display: none;

  }

}

/* line 18, ../../src/styles/modules/_hamburger-button.scss */

.mobile-nav-button .nav-item-link {

  width: 1.111111em;

  height: 0.777777em;

  display: inline-block;

}

/* line 24, ../../src/styles/modules/_hamburger-button.scss */

.mobile-nav-button .middlebar, .mobile-nav-button:before, .mobile-nav-button:after {

  content: '';

  display: block;

}

/* line 32, ../../src/styles/modules/_hamburger-button.scss */

.nav-bar-white .mobile-nav-button .middlebar, .nav-bar-white .mobile-nav-button:before, .nav-bar-white .mobile-nav-button:after {

  background-color: black;

}

/* line 36, ../../src/styles/modules/_hamburger-button.scss */

.mobile-nav-button .middlebar {

  position: relative;

  top: 6px;

}

/* line 40, ../../src/styles/modules/_hamburger-button.scss */

.open-nav .mobile-nav-button .middlebar {

  opacity: 0;

}

/* line 44, ../../src/styles/modules/_hamburger-button.scss */

.mobile-nav-button:before {

  position: absolute;

  top: 0;

  left: 0;

}

/* line 49, ../../src/styles/modules/_hamburger-button.scss */

.open-nav .mobile-nav-button:before {

  top: 6px;

  -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

          transform: rotate(45deg);

}

/* line 54, ../../src/styles/modules/_hamburger-button.scss */

.mobile-nav-button:after {

  position: absolute;

  bottom: 0;

  left: 0;

}

/* line 59, ../../src/styles/modules/_hamburger-button.scss */

.open-nav .mobile-nav-button:after {

  bottom: initial;

  top: 6px;

  -webkit-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

          transform: rotate(-45deg);

}

/* line 3, ../../src/styles/modules/_header.scss */

.header-container {

  position: relative;

  height: 100vh;

  width: 100vw;

  min-height: 568px;

  background: url(../images/landing.jpg) no-repeat;

  background-size: cover;

  background-position: 50% 0;

}

.header-container2 {

  position: relative;

  min-height: 777px;

  background: url(../images/img_top.jpg) no-repeat;

  background-position: 50% 0;

}

.header-container2 .header-copy-container {

  top: calc(50% - 360px / 2);

  left: 0rem!important;

}

.header-container2 .main-header {

  width: 50%;

}

.header-container2 .main-video {

  width: 680px;

  height: 415px;

  float: right;

  text-align: center;

  padding: 1rem 1rem 2rem;

  margin: 11rem 4rem 0 0;

  background: url(../images/bg-video.png) no-repeat;

  background-size: contain;

  /*z-index: 1;*/

}

.header-container2 .main-video iframe {

  width: 100%!important;

  height: 100%!important;

}

@media (max-width: 1290px) {

  .header-container2 .main-video {

  width: 520px;

  height: 465px;

  float: right;

  text-align: center;

  padding: 1rem 1rem 2rem;

  margin: 11rem 0 0 0;

  background: url(../images/bg-video.png) no-repeat;

  background-size: contain;

}

.header-container2 .main-video iframe {

  width: 100%!important;

  height: 265px!important;

}

.header-container2 .header-copy-large {

    font-size: 2.5em;

    line-height: 2.5rem;

}

.header-container2 .header-copy {

    font-family: arial;

    font-size: 2em;

    font-weight: normal;

    line-height: 2rem;

    padding: 3rem 0;

}

.header-container2 .preorder-button {

    background: #5e91eb none repeat scroll 0 0 !important;

    border: medium none !important;

    border-radius: 50px !important;

    color: #fff !important;

    font-size: 1.5rem !important;

    margin: 2rem 0 !important;

    max-width: 370px !important;

    padding: 1rem 0 !important;

}

.header-copy-container {padding: 0}

}

.header-container2 .preorder-button-container {

  position: relative;

  bottom: 0;

  text-align: center;

  z-index: 1;

}

.header-container2 .preorder-button {

  background: #5e91eb!important;

  border: none!important;

  color: #fff!important;

  padding: 2rem 0!important;

  border-radius: 50px!important;

  font-size: 1.95rem!important;

  max-width: 470px!important;

  margin: 2rem 0!important;

}

.header-container2 .preorder-button:hover {

  background: #5572c2!important;

}

.header-container2 .header-copy-large {

  font-size: 3.75em;

  line-height: 4rem;

}

.header-container2 .header-copy {

  font-size: 2.5em;

  padding: 3rem 0;

  line-height: 2.75rem;

  font-family: arial;

  font-weight: normal;

}

@media (max-width: 1024px) {

.header-container2 {

    background-size: cover;

    height: 1050px;

  }

  .header-container2 .main-video{

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

  }

  .header-container2 .main-header {

    width: 100%;

}

.header-container2 .header-copy-container {

    top: calc(50% - 630px / 2);

    left: -3rem;

}

  .header-container2 .main-video {

  width: 680px;

  height: 415px;

  float: right;

  text-align: center;

  padding: 1rem 1rem 2rem;

  margin: 11rem auto 0;

  background: url(../images/bg-video.png) no-repeat;

  background-size: contain;

}

.header-container2 .main-video iframe {

  width: 100%!important;

  height: 100%!important;

}

.header-container2 .header-copy-large {

    font-size: 4em;

    line-height: 4.5rem;

}

}

@media (min-width: 1024px) {

  /* line 3, ../../src/styles/modules/_header.scss */

  .header-container {

    background: none;

    overflow: hidden;

  }

.header-container2 .header-copy-large {

    font-size: 4em;

    line-height: 4.5rem;

}

}

/* line 18, ../../src/styles/modules/_header.scss */

.main-header {

  position: absolute;

  width: 100%;

  height: 100%;

  text-align: center;

/*  z-index: 1;*/

}

/* line 27, ../../src/styles/modules/_header.scss */

.header-copy-container {

  position: relative;

  color: white;

  top: -webkit-calc(50% - 371px/2);

  top: calc(50% - 371px/2);

}

@media (min-width: 767px) {

  /* line 27, ../../src/styles/modules/_header.scss */

  .header-copy-container {

    padding-bottom: 0.1em !important;

    top: -webkit-calc(50% - 192px / 2);

    top: calc(50% - 192px / 2);

  }

}

/* line 37, ../../src/styles/modules/_header.scss */

.header-copy {

  position: relative;

  margin: 0;

  color: white;

  padding-bottom: 18px !important;

  padding-bottom: 18px !important;

  padding-bottom: 1.125rem !important;

}

@media (min-width: 767px) {

  /* line 37, ../../src/styles/modules/_header.scss */

  .header-copy {

    margin-top: -30px;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

  }

}

/* line 48, ../../src/styles/modules/_header.scss */

.header-sub-copy {

  font-size: 1.125em;

  color: inherit;

  margin-top: 0;

  padding-bottom: 18px;

  padding-bottom: 18px;

  padding-bottom: 1.125rem;

}

@media (max-width: 1400px) {

  .header-container2 .preorder-button {

    background: #5e91eb none repeat scroll 0 0 !important;

    border: medium none !important;

    border-radius: 50px !important;

    color: #fff !important;

    font-size: 1.25rem !important;

    margin: 2rem 0 !important;

    max-width: 300px !important;

    padding: 2rem 0 !important;

}

  .header-container2 .header-copy-large {

    font-size: 2.5em;

    line-height: 3rem;

  }

  .header-container2 .main-video {

  width: 580px;

  height: 415px;

  float: right;

  text-align: center;

  padding: 1rem 1rem 2rem;

  margin: 11rem auto 0 auto;

  background: url(../images/bg-video.png) no-repeat;

  background-size: contain;

}

.header-container2 .main-video iframe {

  width: 100%!important;

  height: 305px!important;

}

.header-container2 .preorder-button {

    background: #5e91eb none repeat scroll 0 0 !important;

    border: medium none !important;

    border-radius: 50px !important;

    color: #fff !important;

    font-size: 1.95rem !important;

    margin: 2rem 0 !important;

    max-width: 470px !important;

    padding: 2rem 0 !important;

}

}

@media (min-width: 767px) {

  /* line 48, ../../src/styles/modules/_header.scss */

  .header-sub-copy {

    font-size: 1.5em;

  }

}

/* line 58, ../../src/styles/modules/_header.scss */

.header-icon-list {

  padding: 0;

  margin-top: 0.75em;

}

@media (min-width: 767px) {

  /* line 58, ../../src/styles/modules/_header.scss */

  .header-icon-list {

    display: inline-block;

    margin-bottom: 0;

    margin-left: 3.75rem;

  }

  /* line 65, ../../src/styles/modules/_header.scss */

  .header-icon-list:first-of-type {

    margin-left: 0;

  }

}

@media (max-width: 767px) {

  /* line 70, ../../src/styles/modules/_header.scss */

  .header-icon-list:last-of-type .header-icon-list-item {

    position: relative;

  }

  /* line 73, ../../src/styles/modules/_header.scss */

  .header-icon-list:last-of-type .header-icon-list-item:first-child {

    left: 0.5rem;

  }

  /* line 76, ../../src/styles/modules/_header.scss */

  .header-icon-list:last-of-type .header-icon-list-item:nth-child(2) {

    left: 3px;

  }

  /* line 79, ../../src/styles/modules/_header.scss */

  .header-icon-list:last-of-type .header-icon-list-item:last-child {

    right: 0.5rem;

  }

}

/* line 86, ../../src/styles/modules/_header.scss */

.header-icon-list-item {

  display: inline-block;

  margin-left: 60px;

  margin-left: 60px;

  margin-left: 3.75rem;

  vertical-align: middle;

}

/* line 91, ../../src/styles/modules/_header.scss */

.header-icon-list-item:first-child {

  margin-left: 0;

}

/* line 96, ../../src/styles/modules/_header.scss */

.header-color-overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: rgba(54, 55, 71, 0.5);

}

/* line 104, ../../src/styles/modules/_header.scss */

.down-arrow {

  display: none;

  width: 3.0625em;

  height: 0.875em;

  background: url(/images/icon-down.svg) center no-repeat;

  background-size: cover;

  position: absolute;

  left: 50%;

  bottom: 24px;

  bottom: 24px;

  bottom: 1.5rem;

  -webkit-transform: translate(-50%, 0);

      -ms-transform: translate(-50%, 0);

          transform: translate(-50%, 0);

  z-index: 1;

}

@media (min-width: 767px) {

  /* line 104, ../../src/styles/modules/_header.scss */

  .down-arrow {

    display: block;

    width: 4.125rem;

    height: 19px;

  }

}

/* line 122, ../../src/styles/modules/_header.scss */

.down-arrow:hover {

  cursor: pointer;

}

/* line 130, ../../src/styles/modules/_header.scss */

.landing-video {

  position: absolute;

  width: 100%;

  height: 100%;

  object-fit: cover;

  opacity: 0.8;

  display: none;

}

@media (min-width: 1024px) {

  /* line 130, ../../src/styles/modules/_header.scss */

  .landing-video {

    display: block;

  }

}

/* line 3, ../../src/styles/modules/_footer.scss */

footer {

  position: relative;

  overflow: hidden;

  height: 568px;

  background: #363747;

  z-index: 3;

}

@media (min-width: 767px) {

  /* line 3, ../../src/styles/modules/_footer.scss */

  footer {

    /*height: 420px!important;*/

  }

  p.copyright {

    left: 2rem!important;

  }

}

/* line 14, ../../src/styles/modules/_footer.scss */

footer .menu {

  position: absolute;

  left: 24px;

  left: 24px;

  left: 1.5rem;

  top: 136px;

  top: 136px;

  top: 8.5rem;

}

@media (min-width: 767px) {

  /* line 14, ../../src/styles/modules/_footer.scss */

  footer .menu {

    top: 2.4em;

    left: 22.5%;

  }

}

@media (min-width: 1280px) {

  /* line 14, ../../src/styles/modules/_footer.scss */

  footer .menu {

    left: 15.25rem;

  }

}

/* line 28, ../../src/styles/modules/_footer.scss */

footer ul {

  display: block;

  list-style: none;

  margin: 0 10em 0 0;

  padding: 0;

}

/* line 31, ../../src/styles/modules/_footer.scss */

footer ul li {

  list-style: none;

}

/* line 33, ../../src/styles/modules/_footer.scss */

footer ul li a {

  line-height: 1.75em;

  color: white;

  text-decoration: none;

  font-size: 1.125em;

}

@media (min-width: 1024px) {

  /* line 31, ../../src/styles/modules/_footer.scss */

  footer ul li {

    padding-bottom: 0.5rem;

  }

}

/* line 49, ../../src/styles/modules/_footer.scss */

footer ul:first-child {

  margin: 0;

}

@media (min-width: 1024px) {

  /* line 28, ../../src/styles/modules/_footer.scss */

  footer ul {

    float: left;

    width: 15.25rem;

  }

}

/* line 59, ../../src/styles/modules/_footer.scss */

footer a.screen-text-logo {

  position: absolute;

  background: url(/images/logo.svg);

  background-size: cover;

  width: 6em;

  height: 1.5em;

  top: 46px;

  top: 46px;

  top: 2.875rem;

  left: 24px;

  left: 24px;

  left: 1.5rem;

}

@media (min-width: 767px) {

  /* line 59, ../../src/styles/modules/_footer.scss */

  footer a.screen-text-logo {

    left: 3rem;

    top: 2.75rem;

  }

}

/* line 72, ../../src/styles/modules/_footer.scss */

.nav-open footer a.screen-text-logo {

  display: none;

}

/* line 77, ../../src/styles/modules/_footer.scss */

footer a.screen-rgb-logo {

  position: absolute;

  right: 48px;

  right: 48px;

  right: 3rem;

  bottom: 0px;

  bottom: 0px;

  bottom: 0rem;

  background: url(/images/rgb.svg);

  background-size: cover;

  width: 5.25em;

  height: 3.5em;

}

@media (max-width: 767px) {

  /* line 77, ../../src/styles/modules/_footer.scss */

  footer a.screen-rgb-logo {

    display: none;

  }

}

/* line 90, ../../src/styles/modules/_footer.scss */

footer .socials {

  font-size: 0;

  left: 24px;

  left: 24px;

  left: 1.5rem;

  top: 90.4px;

  top: 90.4px;

  top: 5.65rem;

  position: absolute;

}

/* line 95, ../../src/styles/modules/_footer.scss */

footer .socials .text-replace {

  font-size: 16px;

  font-size: 16px;

  font-size: 1rem;

  margin-left: 2em;

  width: 2em;

  height: 2em;

  display: inline-block;

  position: relative;

  overflow: visible;

  color: #A9AEB8;

}

@media (min-width: 1280px) {

  /* line 106, ../../src/styles/modules/_footer.scss */

  footer .socials .text-replace:hover {

    color: #5e91eb;

    text-decoration: none !important;

  }

}

/* line 112, ../../src/styles/modules/_footer.scss */

footer .socials .text-replace:before {

  position: absolute !important;

  top: 0 !important;

  right: 0 !important;

  font-size: 2em !important;

  color: inherit;

}

/* line 120, ../../src/styles/modules/_footer.scss */

footer .socials .text-replace.facebook {

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/* line 6, ../../src/styles/base/_icons.scss */

footer .socials .text-replace.facebook:before {

  position: relative;

  font-family: 'icomoon';

  font-size: inherit;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  content: "";

}

/* line 124, ../../src/styles/modules/_footer.scss */

footer .socials .text-replace.twitter {

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/* line 6, ../../src/styles/base/_icons.scss */

footer .socials .text-replace.twitter:before {

  position: relative;

  font-family: 'icomoon';

  font-size: inherit;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  content: "";

}

/* line 127, ../../src/styles/modules/_footer.scss */

footer .socials .text-replace.email {

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/* line 6, ../../src/styles/base/_icons.scss */

footer .socials .text-replace.email:before {

  position: relative;

  font-family: 'icomoon';

  font-size: inherit;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  content: "";

}

/* line 131, ../../src/styles/modules/_footer.scss */

footer .socials .text-replace:first-child {

  margin-left: 0;

}

@media (min-width: 767px) {

  /* line 90, ../../src/styles/modules/_footer.scss */

  footer .socials {

    left: auto;

    top: 10rem;

    right: 13rem;

  }

}

@media (min-width: 1280px) {

  /* line 90, ../../src/styles/modules/_footer.scss */

  footer .socials {

    right: 3rem;

    top: 2.75rem;

  }

}

/* line 146, ../../src/styles/modules/_footer.scss */

footer .preorder-button {

  position: absolute;

  bottom: 0;

}

@media (min-width: 767px) {

  /* line 146, ../../src/styles/modules/_footer.scss */

  footer .preorder-button {

    display: none;

  }

}

/* line 1, ../../src/styles/modules/_preorder-button.scss */

.preorder-button-container {

  position: fixed ;

  display: table;

  width: 100%;

  bottom: 0;

  left: 0;

  text-align: center;

  z-index: 1;

}

@media (min-width: 767px) {

  /* line 1, ../../src/styles/modules/_preorder-button.scss */

  .preorder-button-container {

    position: absolute;

  }

}

@media (max-width: 767px) {

  /* line 15, ../../src/styles/modules/_preorder-button.scss */

  .preorder-header-button {

    display: table-cell;

    border-radius: 0;

    height: 5rem;

    vertical-align: middle;

    max-width: none;

    padding: 0;

    position: absolute;

    bottom: 0;

	font-size:24px;

  }

}

/* line 3, ../../src/styles/modules/_footer.scss */

footer {

  position: relative;

  overflow: hidden;

  height: 638px;

  background: #363747;

  z-index: 3;

}

@media (min-width: 767px) {

  /* line 3, ../../src/styles/modules/_footer.scss */

  footer {

   height: 320px;

  }

}

/* line 14, ../../src/styles/modules/_footer.scss */

footer .menu {

  position: absolute;

  left: 24px;

  left: 24px;

  left: 1.5rem;

  top: 136px;

  top: 136px;

  top: 8.5rem;

}

@media (min-width: 767px) {

  /* line 14, ../../src/styles/modules/_footer.scss */

  footer .menu {

    top: 2.4em;

    left: 22.5%;

  }

}

@media (min-width: 1280px) {

  /* line 14, ../../src/styles/modules/_footer.scss */

  footer .menu {

    left: 15.25rem;

  }

}

/* line 28, ../../src/styles/modules/_footer.scss */

footer ul {

  display: block;

  list-style: none;

  margin: 0 10em 0 0;

  padding: 0;

}

/* line 31, ../../src/styles/modules/_footer.scss */

footer ul li {

  list-style: none;

}

/* line 33, ../../src/styles/modules/_footer.scss */

footer ul li a {

  line-height: 2em;

  color: white;

  text-decoration: none;

  font-size: 1.125em;

}

@media (min-width: 1024px) {

  /* line 31, ../../src/styles/modules/_footer.scss */

  footer ul li {

    padding-bottom: 0.5rem;

  }

}

/* line 49, ../../src/styles/modules/_footer.scss */

footer ul:first-child {

  margin: 0;

}

@media (min-width: 1024px) {

  /* line 28, ../../src/styles/modules/_footer.scss */

  footer ul {

    float: left;

    width: 15.25rem;

  }

}

/* line 59, ../../src/styles/modules/_footer.scss */

footer a.screen-text-logo {

  position: absolute;

  background: url(/images/logo.svg);

  background-size: cover;

  width: 6em;

  height: 1.5em;

  top: 46px;

  top: 46px;

  top: 2.875rem;

  left: 24px;

  left: 24px;

  left: 1.5rem;

}

@media (min-width: 767px) {

  /* line 59, ../../src/styles/modules/_footer.scss */

  footer a.screen-text-logo {

    left: 3rem;

    top: 2.75rem;

  }

}

/* line 72, ../../src/styles/modules/_footer.scss */

.nav-open footer a.screen-text-logo {

  display: none;

}

/* line 77, ../../src/styles/modules/_footer.scss */

footer a.screen-rgb-logo {

  position: absolute;

  right: 48px;

  right: 48px;

  right: 3rem;

  bottom: 0px;

  bottom: 0px;

  bottom: 0rem;

  background: url(/images/rgb.svg);

  background-size: cover;

  width: 5.25em;

  height: 3.5em;

}

@media (max-width: 767px) {

  /* line 77, ../../src/styles/modules/_footer.scss */

  footer a.screen-rgb-logo {

    display: none;

  }

}

/* line 90, ../../src/styles/modules/_footer.scss */

footer .socials {

  font-size: 0;

  left: 24px;

  left: 24px;

  left: 1.5rem;

  top: 90.4px;

  top: 90.4px;

  top: 5.65rem;

  position: absolute;

}

/* line 95, ../../src/styles/modules/_footer.scss */

footer .socials .text-replace {

  font-size: 16px;

  font-size: 16px;

  font-size: 1rem;

  margin-left: 2em;

  width: 2em;

  height: 2em;

  display: inline-block;

  position: relative;

  overflow: visible;

  color: #A9AEB8;

}

@media (min-width: 1280px) {

  /* line 106, ../../src/styles/modules/_footer.scss */

  footer .socials .text-replace:hover {

    color: #5e91eb;

    text-decoration: none !important;

  }

}

/* line 112, ../../src/styles/modules/_footer.scss */

footer .socials .text-replace:before {

  position: absolute !important;

  top: 0 !important;

  right: 0 !important;

  font-size: 2em !important;

  color: inherit;

}

/* line 120, ../../src/styles/modules/_footer.scss */

footer .socials .text-replace.facebook {

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/* line 6, ../../src/styles/base/_icons.scss */

footer .socials .text-replace.facebook:before {

  position: relative;

  font-family: 'icomoon';

  font-size: inherit;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  content: "";

}

/* line 124, ../../src/styles/modules/_footer.scss */

footer .socials .text-replace.twitter {

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/* line 6, ../../src/styles/base/_icons.scss */

footer .socials .text-replace.twitter:before {

  position: relative;

  font-family: 'icomoon';

  font-size: inherit;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  content: "";

}

/* line 127, ../../src/styles/modules/_footer.scss */

footer .socials .text-replace.email {

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/* line 6, ../../src/styles/base/_icons.scss */

footer .socials .text-replace.email:before {

  position: relative;

  font-family: 'icomoon';

  font-size: inherit;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  content: "";

}

/* line 131, ../../src/styles/modules/_footer.scss */

footer .socials .text-replace:first-child {

  margin-left: 0;

}

@media (min-width: 767px) {

  /* line 90, ../../src/styles/modules/_footer.scss */

  footer .socials {

    left: auto;

    top: 10rem;

    right: 13rem;

  }

}

@media (min-width: 1280px) {

  /* line 90, ../../src/styles/modules/_footer.scss */

  footer .socials {

    right: 3rem;

    top: 2.75rem;

  }

}

/* line 146, ../../src/styles/modules/_footer.scss */

footer .preorder-button {

  position: absolute;

  bottom: 0;

}

@media (min-width: 767px) {

  /* line 146, ../../src/styles/modules/_footer.scss */

  footer .preorder-button {

    display: none;

  }

}

/*

*   Owl Carousel Owl Demo Theme

* v1.3.3

*/

/* line 6, ../../src/styles/modules/_carousel.scss */

.owl-theme .owl-controls {

  margin-top: 10px;

  text-align: center;

}

/* Styling Next and Prev buttons */

/* line 13, ../../src/styles/modules/_carousel.scss */

.owl-theme .owl-controls .owl-buttons div {

  color: #FFF;

  display: inline-block;

  zoom: 1;

  *display: inline;

  /*IE7 life-saver */

  margin: 5px;

  padding: 3px 10px;

  font-size: 24px;

  border-radius: 30px;

  background: #869791;

  filter: Alpha(Opacity=50);

  /*IE7 fix*/

  opacity: 0.5;

}

/* Clickable class fix problem with hover on touch devices */

/* Use it for non-touch hover action */

/* line 30, ../../src/styles/modules/_carousel.scss */

.owl-theme .owl-controls.clickable .owl-buttons div:hover {

  filter: Alpha(Opacity=100);

  /*IE7 fix*/

  opacity: 1;

  text-decoration: none;

}

/* Styling Pagination*/

/* line 38, ../../src/styles/modules/_carousel.scss */

.owl-theme .owl-controls .owl-page {

  display: inline-block;

  zoom: 1;

  *display: inline;

  /*IE7 life-saver */

}

/* line 43, ../../src/styles/modules/_carousel.scss */

.owl-theme .owl-controls .owl-page span {

  display: block;

  width: 8px;

  height: 8px;

  margin: 5px 7px;

  filter: Alpha(Opacity=50);

  /*IE7 fix*/

  opacity: 0.5;

  border-radius: 20px;

  background: #869791;

}

/* line 56, ../../src/styles/modules/_carousel.scss */

.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span {

  filter: Alpha(Opacity=100);

  /*IE7 fix*/

  opacity: 1;

}

/* If PaginationNumbers is true */

/* line 64, ../../src/styles/modules/_carousel.scss */

.owl-theme .owl-controls .owl-page span.owl-numbers {

  height: auto;

  width: auto;

  color: #FFF;

  padding: 2px 10px;

  font-size: 24px;

  border-radius: 30px;

}

/* preloading images */

/* line 76, ../../src/styles/modules/_carousel.scss */

.owl-item.loading {

  min-height: 150px;

  background: url(AjaxLoader.gif) no-repeat center center;

}

/*

 *  Core Owl Carousel CSS File

 *  v1.3.3

 */

/* clearfix */

/* line 88, ../../src/styles/modules/_carousel.scss */

.owl-carousel .owl-wrapper:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

/* display none until init */

/* line 97, ../../src/styles/modules/_carousel.scss */

.owl-carousel {

  display: none;

  position: relative;

  width: 100%;

  -ms-touch-action: pan-y;

}

/* line 103, ../../src/styles/modules/_carousel.scss */

.owl-carousel .owl-wrapper {

  display: none;

  position: relative;

  -webkit-transform: translate3d(0px, 0px, 0px);

}

/* line 108, ../../src/styles/modules/_carousel.scss */

.owl-carousel .owl-wrapper-outer {

  overflow: hidden;

  position: relative;

  width: 100%;

}

/* line 113, ../../src/styles/modules/_carousel.scss */

.owl-carousel .owl-wrapper-outer.autoHeight {

  -webkit-transition: height 500ms ease-in-out;

  transition: height 500ms ease-in-out;

}

/* line 121, ../../src/styles/modules/_carousel.scss */

.owl-carousel .owl-item {

  float: left;

}

/* line 124, ../../src/styles/modules/_carousel.scss */

.owl-controls .owl-page,

.owl-controls .owl-buttons div {

  cursor: pointer;

}

/* line 128, ../../src/styles/modules/_carousel.scss */

.owl-controls {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-tap-highlight-color: transparent;

}

/* mouse grab icon */

/* line 138, ../../src/styles/modules/_carousel.scss */

.grabbing {

  cursor: url(grabbing.png) 8 8, move;

}

/* fix */

/* line 143, ../../src/styles/modules/_carousel.scss */

.owl-carousel .owl-wrapper,

.owl-carousel .owl-item {

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

}

/* line 158, ../../src/styles/modules/_carousel.scss */

.owl-buttons div {

  opacity: 1 !important;

}

/* line 164, ../../src/styles/modules/_carousel.scss */

.owl-item {

  text-align: center !important;

}

/* line 168, ../../src/styles/modules/_carousel.scss */

.owl-pagination {

  position: absolute;

  width: 100%;

  bottom: -webkit-calc(11.26761vh + 1.5rem);

  bottom: calc(11.26761vh + 1.5rem);

}

@media (min-width: 767px) {

  /* line 168, ../../src/styles/modules/_carousel.scss */

  .owl-pagination {

    bottom: 3rem;

  }

}

#screenCarousel2 .owl-pagination {

  position: relative;

  width: 100%;

  bottom: -webkit-calc(11.26761vh + 1.5rem);

  bottom: calc(11.26761vh + 1.5rem);

  bottom: -4rem;

}

@media (max-width: 500px) {

  /* line 168, ../../src/styles/modules/_carousel.scss */

#screenCarousel2  .owl-pagination {

    bottom: 0;

  }

}

/* line 176, ../../src/styles/modules/_carousel.scss */

.owl-buttons {

  position: absolute;

  width: 100%;

  top: -webkit-calc(50% - 1.5rem);

  top: calc(50% - 1.5rem);

  display: none;

}

#screenCarousel2 .owl-buttons {

  position: absolute;

  width: 100%;

  top: -webkit-calc(50% - 5.5rem);

  top: calc(50% - 5.5rem);

}

@media (min-width: 960px) {

  /* line 176, ../../src/styles/modules/_carousel.scss */

  .owl-buttons {

    display: block;

  }

}

/* line 184, ../../src/styles/modules/_carousel.scss */

.owl-buttons > * {

  position: absolute;

  display: none !important;

  height: 48px;

  height: 48px;

  height: 3rem;

  width: 48px;

  width: 48px;

  width: 3rem;

  border-radius: 50%;

  background: #ffffff !important;

}

@media (min-width: 767px) {

  /* line 184, ../../src/styles/modules/_carousel.scss */

  .owl-buttons > * {

    display: inline-block !important;

  }

}

/* line 195, ../../src/styles/modules/_carousel.scss */

.owl-buttons > *:before {

  color: #5E91EB;

  top: -webkit-calc(50% - 22px/2);

  top: calc(50% - 22px/2);

}

/* line 200, ../../src/styles/modules/_carousel.scss */

.owl-buttons > *:hover {

  background: #5E91EB !important;

}

/* line 202, ../../src/styles/modules/_carousel.scss */

.owl-buttons > *:hover:before {

  color: white;

}

/* line 208, ../../src/styles/modules/_carousel.scss */

.owl-buttons .owl-next {

  right: 48px;

  right: 48px;

  right: 3rem;

  -webkit-transform: rotate(180deg);

      -ms-transform: rotate(180deg);

          transform: rotate(180deg);

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/* line 6, ../../src/styles/base/_icons.scss */

.owl-buttons .owl-next:before {

  position: relative;

  font-family: 'icomoon';

  font-size: inherit;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  content: "";

}

/* line 213, ../../src/styles/modules/_carousel.scss */

.owl-buttons .owl-next:before {

  left: -2px;

  top: 9px;

}

/* line 218, ../../src/styles/modules/_carousel.scss */

.owl-buttons .owl-prev {

  left: 48px;

  left: 48px;

  left: 3rem;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/* line 6, ../../src/styles/base/_icons.scss */

.owl-buttons .owl-prev:before {

  position: relative;

  font-family: 'icomoon';

  font-size: inherit;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  content: "";

}

/* line 222, ../../src/styles/modules/_carousel.scss */

.owl-buttons .owl-prev:before {

  left: -1px;

}

/* line 227, ../../src/styles/modules/_carousel.scss */

.owl-wrapper-outer {

  position: relative;

  top: -webkit-calc(50% - 8rem);

  top: calc(50% - 8rem);

}

#screenCarousel2 .owl-wrapper-outer {

  position: relative;

  top: -webkit-calc(50% - 20rem);

  top: calc(50% - 20rem);

}

@media (min-width: 767px) {

  /* line 227, ../../src/styles/modules/_carousel.scss */

  .owl-wrapper-outer {

    top: -webkit-calc(50% - 364px / 2);

    top: calc(50% - 364px / 2);

  }

}

/* line 235, ../../src/styles/modules/_carousel.scss */

.owl-page.active span {

  background: #5E91EB !important;

}

/* line 4, ../../src/styles/modules/_signup-form.scss */

#mc_embed_signup {

  background: transparent;

  padding: 0;

  position: absolute;

  top: 392px;

  top: 35.5rem;

  left: 0px;

  left: 0rem;

  padding: 0 1.5rem;

  max-width: 320px;

  width: 100%;

}

@media (min-width: 767px) {

  /* line 4, ../../src/styles/modules/_signup-form.scss */

  #mc_embed_signup {

    padding: 0;

    top: 3rem;

    left: auto;

    right: 3rem;

  }

}

@media (min-width: 1280px) {

  /* line 4, ../../src/styles/modules/_signup-form.scss */

  #mc_embed_signup {

    right: 25%;

  }

}

/* line 24, ../../src/styles/modules/_signup-form.scss */

#mc_embed_signup form {

  padding: 0;

  position: relative;

  height: 46px;

  height: 46px;

  height: 2.875rem;

}

/* line 29, ../../src/styles/modules/_signup-form.scss */

#mc_embed_signup #mc-embedded-subscribe {

  position: absolute;

  right: 0;

  top: 0;

  border: 2px solid #363747;

  margin: 0;

  border-radius: 0;

  height: -webkit-calc(2.875rem - 2px)!important;

  height: calc(2.875rem - 2px)!important;

  background: #5e91eb;

  width: 30%;

  max-width: 88px;

  border-radius: 5px;

}

/* line 42, ../../src/styles/modules/_signup-form.scss */

#mc_embed_signup #mc-embedded-subscribe:hover {

  background: #5572c2;

}

/* line 46, ../../src/styles/modules/_signup-form.scss */

#mc_embed_signup #mc-embedded-subscribe.success {

  background: #89f489;

}

/* line 49, ../../src/styles/modules/_signup-form.scss */

#mc_embed_signup #mc-embedded-subscribe.error {

  background: #ff7b7b;

}

/* line 53, ../../src/styles/modules/_signup-form.scss */

#mc_embed_signup #mce-EMAIL {

  width: 70%;

  margin: 0;

  background: transparent !important;

  border: none;

  color: white;

  height: -webkit-calc(2.875rem - 2px);

  height: calc(2.875rem - 2px);

  padding-left: 8px;

  padding-left: 8px;

  padding-left: 0.5rem;

}

/* line 62, ../../src/styles/modules/_signup-form.scss */

#mc_embed_signup #mc-embedded-subscribe,

#mc_embed_signup #mce-EMAIL {

  display: inline-block;

  font-size: 18px;

  font-size: 18px;

  font-size: 1.125rem;

  height: 45px!important;

}

/* line 67, ../../src/styles/modules/_signup-form.scss */

#mc_embed_signup #mc-embedded-subscribe-form {

  border: 1px solid #A9AEB8;

  border-radius: 5px;

}

/* line 73, ../../src/styles/modules/_signup-form.scss */

.screen-subscribe {

  padding: 0 !important;

}

/* line 77, ../../src/styles/modules/_signup-form.scss */

.signup-copy {

  color: #A9AEB8;

  line-height: 1;

  margin-bottom: 1em;

}

/* line 1, ../../src/styles/modules/homepage/_homepage-section.scss */

.page-homepage section.homepage-section,

.details section.homepage-section {

  overflow: hidden;

}

/* line 4, ../../src/styles/modules/homepage/_homepage-section.scss */

.page-homepage section.homepage-section .section-container, .page-homepage section.homepage-section .section-container-large, .page-homepage section.homepage-section .section-container-small {

  background: #F5F6F7;

}

@media (min-width: 960px) {

  /* line 7, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section .left {

    float: left;

  }

}

@media (min-width: 960px) {

  /* line 13, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section .right {

    float: right;

  }

}

/* line 19, ../../src/styles/modules/homepage/_homepage-section.scss */

.page-homepage section.homepage-section .right,

.page-homepage section.homepage-section .left {

  line-height: 0;

}

/* line 24, ../../src/styles/modules/homepage/_homepage-section.scss */

.page-homepage section.homepage-section h2,

.details section.homepage-section h2,

.page-homepage.details .about-section-container h2 {

  margin: 32px 0 .7em 0 !important;

  margin: 32px 0 .7em 0 !important;

  margin: 2rem 0 .7em 0 !important;

  line-height: 1;

  color: #5E91EB;

  font-weight: 600;

  letter-spacing: -0.05em;

  font-family: "nimbus-sans", sans-serif;

}

@media (min-width: 960px) {

  /* line 24, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section h2,

  .details section.homepage-section h2 {

    margin: 4rem 0 .7em 0 !important;

  }

}

/* line 36, ../../src/styles/modules/homepage/_homepage-section.scss */

.page-homepage section.homepage-section p {

  color: #A9AEB8;

  letter-spacing: -0.02em;

  line-height: 1.66666666;

}

/* line 42, ../../src/styles/modules/homepage/_homepage-section.scss */

.page-homepage section.homepage-section .fullphoto,

.details section.homepage-section .fullphoto {

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: 70% 0;

}

@media (min-width: 960px) {

  /* line 42, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section .fullphoto,

  .details section.homepage-section .fullphoto {

    background-position: top center;

  }

}

@media (max-width: 960px) {

  /* line 53, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section img.iphone-demo, .page-homepage section.homepage-section img.iphone-demo2 {

    width: 80%;

    margin-top: 4rem;

  }

  /* line 57, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-photo,

  .details section.homepage-section.family-photo {

    height: 300px;

  }

}

@media (max-width: 960px) and (min-width: 1024px) {

  /* line 57, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-photo,

  .details section.homepage-section.family-photo {

    height: 30vh;

  }

}

@media (max-width: 960px) and (min-width: 960px) {

  /* line 57, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-photo,

  .details section.homepage-section.family-photo {

    height: 60vh;

  }

}

@media (min-width: 769px) {

  /* line 69, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section h2,

  .details section.homepage-section h2 {

    margin: 0 !important;

    font-size: 2.25rem;

  }

  /* line 74, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section p {

    font-size: 1.125rem;

  }

}

@media (min-width: 1024px) {

  /* line 1, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section {

    height: 700px;

  }

  /* line 81, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section h2,

  .details section.homepage-section h2 {

    line-height: 1;

    margin: 7.25rem 0 0 0;

    font-size: 3rem;

  }

  /* line 87, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section p,

  .details section.homepage-section p {

    font-size: 1.5rem;

  }

  /* line 90, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section .left,

  .details section.homepage-section .left {

    width: 50%;

  }

  /* line 93, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section .right,

  .details section.homepage-section .right {

    width: 50%;

  }

}

@media (min-width: 767px) {

  /* line 1, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section,

  .details section.homepage-section {

    height: 700px;

  }

  /* line 102, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section h2,

  .details section.homepage-section h2 {

    line-height: 1;

    margin: 0 0 0 0;

    font-family: "nimbus-sans", sans-serif;

  }

  /* line 108, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section p {

    margin: 2rem 0 0 0;

  }

  /* line 112, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section img.iphone-demo, .page-homepage section.homepage-section img.iphone-demo2 {

    position: relative;

    margin-top: 0;

    width: 80%;

  }

}

@media (min-width: 767px) and (min-width: 1024px) {

  /* line 112, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section img.iphone-demo, .page-homepage section.homepage-section img.iphone-demo2 {

    max-width: 426px;

    bottom: 0;

    position: absolute;

    left: -webkit-calc(25% / 2);

    left: calc(25% / 2);

  }

}

@media (min-width: 767px) and (min-width: 1280px) {

  /* line 112, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section img.iphone-demo, .page-homepage section.homepage-section img.iphone-demo2 {

    left: -webkit-calc(50% - 400px/2);

    left: calc(50% - 400px/2);

  }

}

@media (min-width: 1280px) {

  /* line 128, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section img.iphone-demo {

    left: -webkit-calc(50% - 442px/2);

    left: calc(50% - 442px/2);

  }

}

/* line 134, ../../src/styles/modules/homepage/_homepage-section.scss */

.page-homepage section.homepage-section.family-rules {

  height: auto;

}

@media (min-width: 769px) {

  /* line 134, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-rules {

    padding: 0 3rem;

  }

}

@media (min-width: 960px) {

  /* line 134, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-rules {

    padding: 6rem 6rem 0 6rem;

  }

}

@media (min-width: 1024px) {

  /* line 134, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-rules {

    padding: 2rem 0rem 0;

    height: 600px;

  }

}

@media (min-width: 1024px) {

  /* line 148, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-rules-first {

    padding-right: 0;

  }

}

@media (min-width: 1280px) {

  /* line 148, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-rules-first {

    max-height: 600px;

  }

}

@media (min-width: 767px) {

  /* line 155, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-rules-first .left {

    position: relative;

    top: 1.875rem;

  }

}

@media (min-width: 960px) {

  /* line 155, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-rules-first .left {

    float: left;

  }

}

@media (min-width: 1024px) {

  /* line 155, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-rules-first .left {

    top: auto;

    display: table;

    vertical-align: middle;

    padding-left: 6rem;

  }

}

/* line 170, ../../src/styles/modules/homepage/_homepage-section.scss */

.page-homepage section.homepage-section.family-rules-first .left .section-copy-container {

  display: table-cell;

  vertical-align: middle;

}

/* line 176, ../../src/styles/modules/homepage/_homepage-section.scss */

.page-homepage section.homepage-section.family-rules-first .section-image-half {

  text-align: center;

}

@media (min-width: 960px) {

  /* line 176, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-rules-first .section-image-half {

    text-align: right;

  }

}

@media (min-width: 1024px) {

  /* line 183, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-rules-second {

    padding-left: 0;

  }

}

/* line 188, ../../src/styles/modules/homepage/_homepage-section.scss */

.page-homepage section.homepage-section.family-rules-second .section-image-half {

  text-align: center;

}

@media (min-width: 960px) {

  /* line 188, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-rules-second .section-image-half {

    text-align: left;

  }

}

@media (min-width: 767px) {

  /* line 195, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-rules-second .right {

    position: relative;

    top: 1.875rem;

  }

}

@media (min-width: 1024px) {

  /* line 195, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section.family-rules-second .right {

    top: auto;

    display: table;

    vertical-align: middle;

    float: right;

    padding-right: 6rem;

  }

}

/* line 208, ../../src/styles/modules/homepage/_homepage-section.scss */

.page-homepage section.homepage-section.family-rules-second .right .section-copy-container {

  display: table-cell;

  vertical-align: middle;

}

@media (min-width: 767px) {

  /* line 215, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section .section-copy-half,

  .details section.homepage-section .section-copy-half {

    padding-bottom: 2em;

  }

}

@media (min-width: 769px) {

  /* line 215, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section .section-copy-half,

  .details section.homepage-section .section-copy-half {

    padding-bottom: 0;

  }

}

/* line 223, ../../src/styles/modules/homepage/_homepage-section.scss */

.page-homepage section.homepage-section .section-image-half,

.details section.homepage-section .section-image-half {

  text-align: center;

  margin: 0 auto;

  text-align: center;

}

@media (max-width: 960px) {

  /* line 223, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section .section-image-half {

    max-width: 426px;

  }

  /* line 229, ../../src/styles/modules/homepage/_homepage-section.scss */

  .page-homepage section.homepage-section .section-image-half img {

    margin-top: 4rem;

  }

}

/* line 1, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

.page-homepage .how-does-it-work-section {

  text-align: center;

  background: #5e91eb;

  color: #FFF;

  position: relative;

}

.page-homepage .how-does-it-work-section2 {

  text-align: center;

  color: #525252;

  position: relative;

}

.page-homepage .how-does-it-work-section2 p {

  margin: 2rem; 

}

.page-homepage .how-does-it-work-section2 img {

  width: auto!important;

}

.page-homepage .how-does-it-work-section2 h2 {

  color: #fff;

  font-family: "nimbus-sans",sans-serif;

  letter-spacing: -0.05em;

  font-size: 2rem;

  line-height: 1.5rem;

  display: block;

  margin: 0;

  position: relative;

  top: 6.5rem;

}

/* line 8, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

.page-homepage .how-does-it-work-section .columns {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-flex-flow: row wrap;

      -ms-flex-flow: row wrap;

          flex-flow: row wrap;

  font-size: 0;

  margin-top: 76px;

  margin-top: 76px;

  margin-top: 4.75rem;

  background: #5e91eb;

}

.page-homepage .how-does-it-work-section2 .columns {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-flex-flow: row wrap;

      -ms-flex-flow: row wrap;

          flex-flow: row wrap;

  font-size: 0;

}

/* line 15, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

.page-homepage .how-does-it-work-section .columns .col {

  overflow: hidden;

  display: inline-block;

  font-size: 16px;

  font-size: 16px;

  font-size: 1rem;

  height: 330px;

}

.page-homepage .how-does-it-work-section2 .columns .col {

  overflow: hidden;

  display: inline-block;

  font-size: 16px;

  font-size: 16px;

  font-size: 1rem;

  height: 480px;

  border-right: 1px solid #ccc;

  width: 25%;

}

.page-homepage .how-does-it-work-section2 .columns .img-wrap-01 {

  background: url('../images/001.jpg') no-repeat;

  height: 249px;

  text-align: center;

  background-size: cover;

}

.page-homepage .how-does-it-work-section2 .columns .img-wrap-02 {

  background: url('../images/002.jpg') no-repeat;

  height: 249px;

  text-align: center;

  background-size: cover;

}

.page-homepage .how-does-it-work-section2 .columns .img-wrap-03 {

  background: url('../images/003.jpg') no-repeat;

  height: 249px;

  text-align: center;

  background-size: cover;

}

.page-homepage .how-does-it-work-section2 .columns .img-wrap-04 {

  background: url('../images/004.jpg') no-repeat;

  height: 249px;

  text-align: center;

  background-size: cover;

}

/*.page-homepage .how-does-it-work-section2 .columns .col01 {

  width: 397px;

}

.page-homepage .how-does-it-work-section2 .columns .col02 {

  width: 407px;

}

.page-homepage .how-does-it-work-section2 .columns .col03 {

  width: 403px;

}

*/

.page-homepage .how-does-it-work-section2 .columns .col04 {

  /*width: 392px;*/

  border: none;

}

/* line 20, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

.page-homepage .how-does-it-work-section .columns .col img {

  width: 12em;

}

.page-homepage .how-does-it-work-section2 .columns .col img {

  width: 100%!important;

}

@media (min-width: 1024px) {

  /* line 15, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section .columns .col {

    padding: 1em;

  }

  /* line 26, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section .columns .col:first-child, .page-homepage .how-does-it-work-section .columns .col:last-child {

    padding-left: 0;

    padding-right: 0;

  }

}

@media (min-width: 1024px) {

  /* line 8, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section .columns {

    -webkit-flex-flow: nowrap;

        -ms-flex-flow: nowrap;

            flex-flow: nowrap;

  }

}

/* line 39, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

.page-homepage .how-does-it-work-section h2 {

  line-height: 1;

  padding: 104px 0 0 0;

  padding: 104px 0 0 0;

  padding: 6.5rem 0 0 0;

  margin: 0;

  font-weight: 600;

  letter-spacing: -0.05em;

  font-family: "nimbus-sans", sans-serif;

  color: #fff;

}

/* line 49, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

.page-homepage .how-does-it-work-section p {

  line-height: 1.5;

  padding-top: 1em;

}

@media (min-width: 767px) {

  /* line 49, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section p {

    padding-top: 0.6em;

  }

}

/* line 56, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

.page-homepage .how-does-it-work-section p.header-large-copy {

  display: inline-block;

}

@media (min-width: 767px) {

  /* line 56, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section p.header-large-copy {

    font-size: 1.5rem !important;

    line-height: 1.333333;

  }

}

/* line 65, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

.page-homepage .how-does-it-work-section a.rounded-button, .page-homepage .how-does-it-work-section a.rounded-button-inverse, .page-homepage .how-does-it-work-section a.green-brand-button {

  position: absolute;

  border-color: #FFF;

  top: auto;

  bottom: 96px;

  bottom: 96px;

  bottom: 6rem;

  left: 50%;

  -webkit-transform: translate(-50%, 0);

      -ms-transform: translate(-50%, 0);

          transform: translate(-50%, 0);

  border: 1px solid white;

}

/* line 73, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

.page-homepage .how-does-it-work-section a.rounded-button:hover, .page-homepage .how-does-it-work-section a.rounded-button-inverse:hover, .page-homepage .how-does-it-work-section a.green-brand-button:hover {

  color: #5e91eb;

  background: white;

}

@media (max-width: 1024px) {

  /* line 1, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section2 .columns .col {

    height: auto;

    width: 50%;

}

  .page-homepage .how-does-it-work-section {

    height: auto;

  }

  /* line 81, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section h2 {

    padding: 3rem 0 0 0;

  }

  /* line 84, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section .columns {

    overflow: auto;

    margin-top: 3rem;

  }

  /* line 87, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section .columns .col {

    float: left;

    width: 50%;

    height: auto;

    margin-bottom: 2rem;

  }

  /* line 92, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section .columns .col p {

    font-size: 1.125rem;

    line-height: 1.75em;

  }

  /* line 96, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section .columns .col img {

    width: 12rem;

  }

  /* line 101, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section a.rounded-button, .page-homepage .how-does-it-work-section a.rounded-button-inverse, .page-homepage .how-does-it-work-section a.green-brand-button {

    display: none;

  }

  .page-homepage section.get-and-try2 ul li:after,

  .details section.get-and-try2 ul li:after {

    display: none!important;

}

  .page-homepage section.get-and-try2 .left,

  .details section.get-and-try2 .left {

  border-right: none!important;

  padding: 0;

  width: 100%;

  float: none;

  text-align: center!important;

}

.page-homepage section.get-and-try2 .right,

.details section.get-and-try2 .right {

  border-right: none;

  padding: 0;

  width: 100%;

  float: none;

}

.page-homepage section.get-and-try2.section-container p.large-copy,

.details section.get-and-try2.section-container p.large-copy {

  margin: 1rem 0 0;

  text-align: center!important;

  padding: 0!important;

}

.homepage-section.split-section.get-and-try2.section-container .get-and-try-button-container {

  text-align: center!important;

  padding: 15px 0 0 0px!important;

}

}

@media (max-width: 767px) {

  /* line 107, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section .columns {

    margin-top: 3rem;

  }

  /* line 109, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section .columns .col {

    float: none;

    width: 100%;

    height: auto;

    margin-bottom: 2rem;

  }

  .page-homepage .how-does-it-work-section2 .columns .col {

    width: 100%;

    height: auto;

  }

  /* line 114, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section .columns .col p {

    font-size: 1.125rem;

    line-height: 1.75em;

  }

  /* line 118, ../../src/styles/modules/homepage/_how-does-it-work-section.scss */

  .page-homepage .how-does-it-work-section .columns .col img {

    width: 12rem;

  }

}

/* line 1, ../../src/styles/modules/homepage/_get-and-try.scss */

.page-homepage section.get-and-try {

  background: #5572c2;

  text-align: center;

  position: relative;

  height: auto;

  padding-top: 32px;

  padding-top: 32px;

  padding-top: 2rem;

  padding-bottom: 32px;

  padding-bottom: 32px;

  padding-bottom: 2rem;

}

.page-homepage section.get-and-try2,

.details section.get-and-try2 {

  background: #5e91eb;

  text-align: center;

  position: relative;

  height: auto;

 /* min-height: 500px; */

  padding-top: 32px;

  padding-top: 32px;

  padding-top: 2rem;

  padding-bottom: 32px;

  padding-bottom: 32px;

  padding-bottom: 2rem;

  color: #fff;

}

.page-homepage section.get-and-try2 h2,

.details section.get-and-try2 h2 {

  width: 100%;

  color: #89f489;

  line-height: 70px;

  margin: 0 0 40px; 

}

.page-homepage section.get-and-try2 .left,

.details section.get-and-try2 .left {

  border-right: 1px solid #8c9fd6;

  padding: 0 30px 0 0;

  text-align: right;

}

.page-homepage section.get-and-try2 h2 span,

.details section.get-and-try2 h2 span {

  display: block;

  color: #fff;

  margin: 0 0 40px;

}

.page-homepage section.get-and-try2 ul li,

.details section.get-and-try2 ul li {

  font: 18px/28px Arial;

}

.page-homepage section.get-and-try2 ul li:after,

.details section.get-and-try2 ul li:after {

  content: url(../images/ico_check_white.png);

  width: 30px;

  height: 25px;

  display: inline-block;

  margin: 0 0 0 15px;

  position: relative;

  top: 5px;

}

.page-homepage section.get-and-try2.section-container p.large-copy,

.details section.get-and-try2.section-container p.large-copy {

  margin: 1rem 0 0;

  color: #fff;

  text-align: left;

  padding: 0 0 0 30px;

}

.homepage-section.split-section.get-and-try2.section-container .get-and-try-button-container {

  text-align: left;

  padding: 15px 0 0 30px;

}

@media (min-width: 767px) {

  /* line 1, ../../src/styles/modules/homepage/_get-and-try.scss */

  .page-homepage section.get-and-try {

    padding: 2rem 5rem 2rem;

  }

}

@media (min-width: 1024px) {

  /* line 1, ../../src/styles/modules/homepage/_get-and-try.scss */

  .page-homepage section.get-and-try {

    height: 600px !important;

    padding: 0 6rem 0;

  }

}

/* line 17, ../../src/styles/modules/homepage/_get-and-try.scss */

.page-homepage section.get-and-try > * {

  display: block;

  width: 100%;

  float: none;

  padding: 0 !important;

}

@media (min-width: 1024px) {

  /* line 17, ../../src/styles/modules/homepage/_get-and-try.scss */

  .page-homepage section.get-and-try > * {

    display: table;

    width: 50%;

  }

}

@media (min-width: 1024px) {

  /* line 26, ../../src/styles/modules/homepage/_get-and-try.scss */

  .page-homepage section.get-and-try > * > * {

    display: table-cell;

    vertical-align: middle;

  }

}

/* line 34, ../../src/styles/modules/homepage/_get-and-try.scss */

.page-homepage section.get-and-try h2 {

  margin-top: 0 !important;

  color: #89f489;

}

/* line 38, ../../src/styles/modules/homepage/_get-and-try.scss */

.page-homepage section.get-and-try p {

  color: white;

  margin-bottom: 2em;

}

/* line 43, ../../src/styles/modules/homepage/_get-and-try.scss */

.page-homepage section.get-and-try .section-copy-container {

  text-align: center;

}

@media (min-width: 1024px) {

  /* line 43, ../../src/styles/modules/homepage/_get-and-try.scss */

  .page-homepage section.get-and-try .section-copy-container {

    text-align: left;

  }

}

/* line 49, ../../src/styles/modules/homepage/_get-and-try.scss */

.page-homepage section.get-and-try .section-image-half {

  text-align: center;

}

@media (min-width: 1024px) {

  /* line 49, ../../src/styles/modules/homepage/_get-and-try.scss */

  .page-homepage section.get-and-try .section-image-half {

    text-align: left;

  }

}

/* line 54, ../../src/styles/modules/homepage/_get-and-try.scss */

.page-homepage section.get-and-try .section-image-half img {

  margin: 0;

  max-width: 560px;

  max-width: 560px;

  max-width: 35rem;

}

/* line 60, ../../src/styles/modules/homepage/_get-and-try.scss */

.page-homepage section.get-and-try .left {

  position: static;

}

@media (min-width: 767px) {

  /* line 60, ../../src/styles/modules/homepage/_get-and-try.scss */

  .page-homepage section.get-and-try .left {

    top: auto;

  }

}

@media (min-width: 1024px) {

  /* line 60, ../../src/styles/modules/homepage/_get-and-try.scss */

  .page-homepage section.get-and-try .left {

    position: relative;

    float: left;

  }

}

/* line 71, ../../src/styles/modules/homepage/_get-and-try.scss */

.page-homepage section.get-and-try .right {

  margin-top: 1.5em;

  margin-bottom: 160px;

  margin-bottom: 160px;

  margin-bottom: 10rem;

}

@media (min-width: 460px) {

  /* line 71, ../../src/styles/modules/homepage/_get-and-try.scss */

  .page-homepage section.get-and-try .right {

    margin-top: 0;

    margin-bottom: 6rem;

  }

}

@media (min-width: 1024px) {

  /* line 71, ../../src/styles/modules/homepage/_get-and-try.scss */

  .page-homepage section.get-and-try .right {

    margin-bottom: 0;

  }

}

/* line 83, ../../src/styles/modules/homepage/_get-and-try.scss */

.page-homepage section.get-and-try .get-and-try-button-container {

  margin-bottom: 16px;

  margin-bottom: 16px;

  margin-bottom: 1rem;

  position: absolute;

  bottom: 1em;

  left: 0;

  width: 100%;

}

@media (min-width: 1024px) {

  /* line 83, ../../src/styles/modules/homepage/_get-and-try.scss */

  .page-homepage section.get-and-try .get-and-try-button-container {

    margin-bottom: 0;

    position: static;

  }

}

/* line 96, ../../src/styles/modules/homepage/_get-and-try.scss */

.page-homepage section.get-and-try .green-brand-button {

  display: block;

  margin: 0 auto;

  width: 192px;

}

@media (min-width: 460px) {

  /* line 96, ../../src/styles/modules/homepage/_get-and-try.scss */

  .page-homepage section.get-and-try .green-brand-button {

    display: inline-block;

  }

}

/* line 105, ../../src/styles/modules/homepage/_get-and-try.scss */

.page-homepage section.get-and-try .green-brand-button {

  margin-bottom: 16px;

  margin-bottom: 16px;

  margin-bottom: 1rem;

}

@media (min-width: 460px) {

  /* line 105, ../../src/styles/modules/homepage/_get-and-try.scss */

  .page-homepage section.get-and-try .green-brand-button {

    margin-right: 1rem;

    margin-bottom: 0;

  }

}

/* line 113, ../../src/styles/modules/homepage/_get-and-try.scss */

.page-homepage section.get-and-try .rounded-button.white-border, .page-homepage section.get-and-try .white-border.rounded-button-inverse, .page-homepage section.get-and-try .white-border.green-brand-button {

  background: transparent;

  border: 1px solid white;

  text-align: center;

}

/* line 117, ../../src/styles/modules/homepage/_get-and-try.scss */

.page-homepage section.get-and-try .rounded-button.white-border:hover, .page-homepage section.get-and-try .white-border.rounded-button-inverse:hover, .page-homepage section.get-and-try .white-border.green-brand-button:hover {

  background: white;

  border-color: #5572c2;

  color: #5572c2;

}

@media (min-width: 767px) {

  /* line 124, ../../src/styles/modules/homepage/_get-and-try.scss */

  .page-homepage section.get-and-try .large-num {

    font-size: 1.6em;

  }

}

/* line 1, ../../src/styles/modules/homepage/_testimonials.scss */

.page-homepage section.testimonials {

  text-align: center;

  background: #F5F6F7;

  height: 320px;

  font-size: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-flex-flow: row wrap;

      -ms-flex-flow: row wrap;

          flex-flow: row wrap;

}

/* line 13, ../../src/styles/modules/homepage/_testimonials.scss */

.page-homepage section.testimonials .col {

  position: relative;

  display: inline-block;

  font-size: 16px;

  font-size: 16px;

  font-size: 1rem;

}

/* line 21, ../../src/styles/modules/homepage/_testimonials.scss */

.page-homepage section.testimonials img {

  position: relative;

  top: -webkit-calc(50% -  24 / 16 * 1em);

  top: calc(50% -  24 / 16 * 1em);

}

/* line 27, ../../src/styles/modules/homepage/_testimonials.scss */

.page-homepage section.testimonials img.guardian {

  width: 8.625em;

}

/* line 31, ../../src/styles/modules/homepage/_testimonials.scss */

.page-homepage section.testimonials img.nyt {

  width: 8.625em;

}

/* line 35, ../../src/styles/modules/homepage/_testimonials.scss */

.page-homepage section.testimonials img.wired {

  width: 8.625em;

}

/* line 39, ../../src/styles/modules/homepage/_testimonials.scss */

.page-homepage section.testimonials img.techcrunch {

  width: 8.625em;

}

.page-homepage section.testimonials2 {

  text-align: center;

  background: #F5F6F7;

  height: 90px;

  font-size: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-flex-flow: row wrap;

      -ms-flex-flow: row wrap;

          flex-flow: row wrap;

}

.page-homepage section.testimonials2 p {

  font-size: 1.2rem;

  line-height: 1.5rem;

  margin: 3rem auto;

  font-style: italic;

}

.page-homepage section.testimonials2 p a {

  text-decoration: underline;

  color: #a9aeb8;

}

.page-homepage section.testimonials2 p a:hover {

  text-decoration: none;

}

/* line 13, ../../src/styles/modules/homepage/_testimonials.scss */

.page-homepage section.testimonials2 .col {

  position: relative;

  top: 2.5rem;

  display: inline-block;

  font-size: 16px;

  font-size: 16px;

  font-size: 1rem;

}

/* line 21, ../../src/styles/modules/homepage/_testimonials.scss */

.page-homepage section.testimonials2 img {

  position: relative;

}

/* line 27, ../../src/styles/modules/homepage/_testimonials.scss */

.page-homepage section.testimonials2 img.guardian {

  width: 8.625em;

}

/* line 31, ../../src/styles/modules/homepage/_testimonials.scss */

.page-homepage section.testimonials2 img.nyt {

  width: 8.625em;

}

/* line 35, ../../src/styles/modules/homepage/_testimonials.scss */

.page-homepage section.testimonials2 img.wired {

  width: 8.625em;

}

/* line 39, ../../src/styles/modules/homepage/_testimonials.scss */

.page-homepage section.testimonials2 img.techcrunch {

  width: 8.625em;

}

@media (max-width: 767px) {

  /* line 1, ../../src/styles/modules/homepage/_testimonials.scss */

  .page-homepage section.testimonials {

    height: auto;

  }

  .page-homepage section.testimonials2 {

    height: auto;

  }

  /* line 47, ../../src/styles/modules/homepage/_testimonials.scss */

  .page-homepage section.testimonials .col {

    width: 100%;

    height: 6rem;

  }

   .page-homepage section.testimonials2 .col {

    width: 100%;

    height: 6rem;

  }

}

/* line 3, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel {

  background: #363747;

  height: auto !important;

  padding: 48px 0;

  padding: 48px 0;

  padding: 3rem 0;

  position: relative;

  overflow: hidden;

}

@media (min-width: 769px) {

  /* line 3, ../../src/styles/modules/homepage/_carousel.scss */

  .page-homepage .homepage-carousel {

    padding: 0;

    height: 472px !important;

  }

}

/* line 12, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .homepage-carousel-copy {

  text-align: center;

  margin: 0;

  line-height: 1;

  color: #89f489;

  font-size: 3rem;

  font-family: "nimbus-sans",sans-serif!important;

}

@media (min-width: 769px) {

  /* line 12, ../../src/styles/modules/homepage/_carousel.scss */

  .page-homepage .homepage-carousel .homepage-carousel-copy {

    padding-top: 4rem;

    font-size: 3.125rem;

  }

}

/* line 23, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel #screenCarousel {

  height: auto;

  top: -webkit-calc(50% - 356px / 2);

  top: calc(50% - 356px / 2);

}

.page-homepage .homepage-carousel #screenCarousel2 {

  height: auto;

  top: -webkit-calc(50% - 356px / 2);

  top: calc(50% - 356px / 2);

}

/* line 28, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .owl-wrapper-outer {

  overflow: visible;

  top: 0;

}

/* line 33, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .owl-pagination {

  z-index: 1;

  bottom: -24px;

  bottom: -24px;

  bottom: -1.5rem;

}

@media (min-width: 769px) {

  /* line 33, ../../src/styles/modules/homepage/_carousel.scss */

  .page-homepage .homepage-carousel .owl-pagination {

    bottom: -5.75rem;

  }

}

/* line 44, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .guide-copy-bubble {

  width: 320px;

  margin: 0 auto;

  border: none;

}

@media (min-width: 769px) {

  /* line 44, ../../src/styles/modules/homepage/_carousel.scss */

  .page-homepage .homepage-carousel .guide-copy-bubble {

    width: 448px;

    border: 2px solid #5a5f7a;

  }

}

/* line 53, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .guide-copy-bubble:before, .page-homepage .homepage-carousel .guide-copy-bubble:after {

  height: 0;

  bottom: 0px;

  -webkit-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

          transform: rotate(0deg);

}

/* line 61, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .triangle-side {

  z-index: 3;

  height: 3px;

  font-size: 32px;

  font-size: 32px;

  font-size: 2rem;

  bottom: -2px;

  width: 27px !important;

}

/* line 69, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .right-bubble .guide-copy-bubble .triangle-side {

  right: 43.2px;

  right: 43.2px;

  right: 2.7rem;

}

/* line 74, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .left-bubble .guide-copy-bubble .triangle-side {

  width: 27px !important;

}

@media (min-width: 769px) {

  /* line 78, ../../src/styles/modules/homepage/_carousel.scss */

  .page-homepage .homepage-carousel .right-bubble .guide-copy-bubble {

    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

  }

  /* line 6, ../../src/styles/base/_icons.scss */

  .page-homepage .homepage-carousel .right-bubble .guide-copy-bubble:before {

    position: relative;

    font-family: 'icomoon';

    font-size: inherit;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    content: "";

  }

  /* line 81, ../../src/styles/modules/homepage/_carousel.scss */

  .page-homepage .homepage-carousel .right-bubble .guide-copy-bubble:before {

    font-size: 2rem;

    display: inline-block;

    right: 2.3em;

    color: #5a5f7a;

    position: absolute;

    bottom: 0;

  }

}

@media (min-width: 769px) {

  /* line 92, ../../src/styles/modules/homepage/_carousel.scss */

  .page-homepage .homepage-carousel .left-bubble .guide-copy-bubble {

    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

  }

  /* line 6, ../../src/styles/base/_icons.scss */

  .page-homepage .homepage-carousel .left-bubble .guide-copy-bubble:before {

    position: relative;

    font-family: 'icomoon';

    font-size: inherit;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    content: "";

  }

  /* line 95, ../../src/styles/modules/homepage/_carousel.scss */

  .page-homepage .homepage-carousel .left-bubble .guide-copy-bubble:before {

    font-size: 2rem;

    display: inline-block;

    left: 1.2em;

    color: #5a5f7a;

    position: absolute;

    bottom: 0;

  }

}

/* line 106, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .slide-bubble-copy {

  margin: 0;

  line-height: 1;

  letter-spacing: -0.04em;

  font-size: 24px;

  font-size: 24px;

  font-size: 1.5rem;

  color: white;

  line-height: 1.111111;

}

@media (min-width: 769px) {

  /* line 106, ../../src/styles/modules/homepage/_carousel.scss */

  .page-homepage .homepage-carousel .slide-bubble-copy {

    font-size: 2.2rem;

    text-align: left;

    padding: 1em 1.5em;

  }

}

/* line 120, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .owl-buttons {

  top: -webkit-calc(50% - 2.2rem);

  top: calc(50% - 2.2rem);

}

/* line 122, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .owl-buttons > * {

  background: transparent !important;

  font-size: 3em !important;

  height: auto;

  width: auto;

}

/* line 130, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .owl-prev, .page-homepage .homepage-carousel .owl-next {

  color: #5a5f7a !important;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/* line 6, ../../src/styles/base/_icons.scss */

.page-homepage .homepage-carousel .owl-prev:before, .page-homepage .homepage-carousel .owl-next:before {

  position: relative;

  font-family: 'icomoon';

  font-size: inherit;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  content: "";

}

@media (min-width: 769px) {

  /* line 136, ../../src/styles/modules/homepage/_carousel.scss */

  .page-homepage .homepage-carousel .owl-prev:hover, .page-homepage .homepage-carousel .owl-next:hover {

    color: #5e91eb !important;

  }

}

/* line 141, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .owl-prev:before, .page-homepage .homepage-carousel .owl-next:before {

  color: inherit !important;

}

/* line 146, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .owl-prev {

  -webkit-transform: rotate(90deg);

      -ms-transform: rotate(90deg);

          transform: rotate(90deg);

}

/* line 148, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .owl-prev:before {

  left: 0;

}

/* line 152, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .owl-next {

  -webkit-transform: rotate(-90deg);

      -ms-transform: rotate(-90deg);

          transform: rotate(-90deg);

}

/* line 154, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .homepage-carousel .owl-next:before {

  right: 0;

}

/* line 160, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .carousel-container {

  height: 100%;

}

/* line 167, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .carousel-family-container {

  display: none;

  width: 544px;

  height: 96px;

  height: 96px;

  height: 6rem;

  position: relative;

  left: -webkit-calc(50% - 544px / 2);

  left: calc(50% - 544px / 2);

  bottom: -108px;

  bottom: -108px;

  bottom: -6.75rem;

}

@media (min-width: 769px) {

  /* line 167, ../../src/styles/modules/homepage/_carousel.scss */

  .page-homepage .carousel-family-container {

    display: block;

  }

}

/* line 177, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .carousel-family-container > * {

  position: absolute;

  bottom: 0;

  line-height: 0;

  -webkit-transform: translateY(100%);

      -ms-transform: translateY(100%);

          transform: translateY(100%);

}

/* line 185, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .family-member.popup {

  -webkit-animation-play-state: running;

          animation-play-state: running;

}

/* line 188, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .right-member {

  right: 0;

}

/* line 192, ../../src/styles/modules/homepage/_carousel.scss */

.page-homepage .left-member {

  left: 0;

}

@media (min-width: 1024px) {

  .page-homepage section.testimonials2 p {

    margin: 3rem auto 0;

  }

  /* line 8, ../../src/styles/pages/_homepage.scss */

  .page-homepage.section-container, .page-homepage.section-container-large, .page-homepage.section-container-small {

    height: 600px;

  }

}

/* line 13, ../../src/styles/pages/_homepage.scss */

.page-homepage .down-arrow {

  z-index: 0;

}

/* line 17, ../../src/styles/pages/_homepage.scss */

.page-homepage .animate-phone {

  -webkit-transition: -webkit-transform 0.8s;

  transition: -webkit-transform 0.8s;

  transition: transform 0.8s;

  transition: transform 0.8s, -webkit-transform 0.8s;

  will-change: transform;

}

@media (min-width: 767px) {

  /* line 17, ../../src/styles/pages/_homepage.scss */

  .page-homepage .animate-phone {

    -webkit-transform: translateY(100%);

        -ms-transform: translateY(100%);

            transform: translateY(100%);

  }

  /* line 22, ../../src/styles/pages/_homepage.scss */

  .page-homepage .animate-phone.animate {

    -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

            transform: translateY(0);

  }

}

/* line 29, ../../src/styles/pages/_homepage.scss */

.page-homepage .family-photo .fullphoto,

.details .family-photo .fullphoto {

  background-image: url(../images/kids.jpg);

}

@media (min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

  /* line 29, ../../src/styles/pages/_homepage.scss */

  .page-homepage .family-photo .fullphoto,

  .details .family-photo .fullphoto {

    background-image: url(../images/kids@2x.jpg);

  }

}

@media (min-width: 767px) {

  /* line 42, ../../src/styles/pages/_homepage.scss */

  .page-homepage .main-header .preorder-button-container > * {

    /*max-width: 192px;*/

  }

}

/* line 47, ../../src/styles/pages/_homepage.scss */

.page-homepage .main-header .preorder-button-container > *:last-child {

  display: block;

  background: transparent;

  border: 2px solid white;

}

@media (min-width: 767px) {

  /* line 47, ../../src/styles/pages/_homepage.scss */

  .page-homepage .main-header .preorder-button-container > *:last-child {

    display: inline-block;

  }

}

/* line 55, ../../src/styles/pages/_homepage.scss */

.page-homepage .main-header .preorder-button-container > *:last-child:hover {

  background: white;

  color: #5e91eb;

}

@media (min-width: 767px) {

  /* line 62, ../../src/styles/pages/_homepage.scss */

  .page-homepage .main-header .preorder-button-container .preorder-header-button {

    margin-right: 2rem;

    border: 2px solid #5e91eb;

    padding: 2rem 15px !important;

  }

  /* line 66, ../../src/styles/pages/_homepage.scss */

  .page-homepage .main-header .preorder-button-container .preorder-header-button:hover {

    border: 2px solid #5572c2;

  }

}

/* line 73, ../../src/styles/pages/_homepage.scss */

.page-homepage .mobile-video-button-container {

  display: block;

  position: absolute;

  text-align: center;

  width: 100%;

  bottom: 32px;

  bottom: 32px;

  bottom: 2rem;

}

@media (min-width: 767px) {

  /* line 73, ../../src/styles/pages/_homepage.scss */

  .page-homepage .mobile-video-button-container {

    display: none;

  }

}

/* line 83, ../../src/styles/pages/_homepage.scss */

.page-homepage .mobile-video-button-container .mobile-video-button {

  background: transparent;

  border: 2px solid white;

}

/* line 90, ../../src/styles/pages/_homepage.scss */

.video-modal {

  display: none;

  position: fixed;

  width: 100%;

  height: 100%;

  z-index: 3;

  text-align: center;

  background-color: rgba(0, 0, 0, 0.8);

}

/* line 100, ../../src/styles/pages/_homepage.scss */

.video-open .video-modal {

  display: block;

}

/* line 104, ../../src/styles/pages/_homepage.scss */

.video-modal > * {

  position: relative;

}

/* line 111, ../../src/styles/pages/_homepage.scss */

.video-modal-inner {

  position: relative;

  display: inline-block;

  top: -webkit-calc(50% - 300px / 2);

  top: calc(50% - 300px / 2);

  width: 90%;

}

@media (min-width: 767px) {

  /* line 111, ../../src/styles/pages/_homepage.scss */

  .video-modal-inner {

    top: -webkit-calc(50% - 600px / 2);

    top: calc(50% - 600px / 2);

    max-width: 960px;

  }

}

/* line 120, ../../src/styles/pages/_homepage.scss */

.video-modal-inner .close-video {

  font-size: 24px;

  font-size: 24px;

  font-size: 1.5rem;

  color: white;

  position: absolute;

  top: -48px;

  top: -48px;

  top: -3rem;

  right: 0;

  z-index: 3;

}

/* line 128, ../../src/styles/pages/_homepage.scss */

.video-modal-inner .close-video:hover {

  cursor: pointer;

}

/* line 133, ../../src/styles/pages/_homepage.scss */

.video-modal-inner iframe {

  height: auto;

  width: 100%;

  height: 300px;

}

@media (min-width: 767px) {

  /* line 133, ../../src/styles/pages/_homepage.scss */

  .video-modal-inner iframe {

    height: 600px;

  }

}

/* line 11, ../../src/styles/pages/_about.scss */

.about .header-container {

  max-height: 640px;

  background: url(../images/about.jpg) no-repeat;

  background-size: cover;

  background-position: center;

  padding-top: 64px;

  padding-top: 64px;

  padding-top: 4rem;

}

@media (min-width: 767px) {

  /* line 11, ../../src/styles/pages/_about.scss */

  .about .header-container {

    background-position: initial;

    margin-top: 6rem;

    padding-top: 0;

  }

}

/* line 25, ../../src/styles/pages/_about.scss */

.about .section-container, .about .section-container-large, .about .section-container-small {

  height: 100%;

  width: 100%;

  padding-top: 42px;

  padding-top: 42px;

  padding-top: 2.625rem;

}

@media (min-width: 767px) {

  /* line 25, ../../src/styles/pages/_about.scss */

  .about .section-container, .about .section-container-large, .about .section-container-small {

    padding: 2.625rem 3rem 0 3rem;

  }

}

@media (min-width: 960px) {

  /* line 25, ../../src/styles/pages/_about.scss */

  .about .section-container, .about .section-container-large, .about .section-container-small {

    padding: 5.5rem;

    padding-left: 7.5rem;

    padding-right: 7.5rem;

  }

}

@media (min-width: 1280px) {

  /* line 25, ../../src/styles/pages/_about.scss */

  .about .section-container, .about .section-container-large, .about .section-container-small {

    padding-left: 10.5rem !important;

    padding-right: 10.5rem !important;

  }

}

@media (min-width: 1024px) {

  /* line 42, ../../src/styles/pages/_about.scss */

  .about .section-container.split-section, .about .split-section.section-container-large, .about .split-section.section-container-small {

    padding-top: 6rem;

  }

}

/* line 49, ../../src/styles/pages/_about.scss */

.about .header-copy-container {

  top: -webkit-calc(50% - 60px / 2);

  top: calc(50% - 60px / 2);

}

/* line 64, ../../src/styles/pages/_about.scss */

.about-section-one .section-container, .about-section-one .section-container-large, .about-section-one .section-container-small,

.about-section-two .section-container,

.about-section-two .section-container-large,

.about-section-two .section-container-small {

  padding-top: 48px;

  padding-top: 48px;

  padding-top: 3rem;

}

@media (min-width: 960px) {

  /* line 64, ../../src/styles/pages/_about.scss */

  .about-section-one .section-container, .about-section-one .section-container-large, .about-section-one .section-container-small,

  .about-section-two .section-container,

  .about-section-two .section-container-large,

  .about-section-two .section-container-small {

    padding-top: 6rem;

  }

}

/* line 71, ../../src/styles/pages/_about.scss */

.about-section-one {

  border-bottom: 1px solid #e6e8eb;

}

@media (min-width: 1280px) {

  /* line 74, ../../src/styles/pages/_about.scss */

  .about-section-one .about-copy-half {

    left: 7.4375rem;

  }

}

/* line 81, ../../src/styles/pages/_about.scss */

.about-section-two {

  direction: rtl;

}

/* line 83, ../../src/styles/pages/_about.scss */

.about-section-two .about-copy-half {

  direction: ltr;

}

@media (min-width: 1280px) {

  /* line 83, ../../src/styles/pages/_about.scss */

  .about-section-two .about-copy-half {

    right: 7.4375rem;

  }

}

@media (min-width: 1280px) {

  /* line 89, ../../src/styles/pages/_about.scss */

  .about-section-two .section-container, .about-section-two .section-container-large, .about-section-two .section-container-small {

    padding-left: 0;

    padding-right: 0;

  }

}

/* line 97, ../../src/styles/pages/_about.scss */

.about-section-three {

  height: auto;

  background-color: #5e91eb;

}

@media (min-width: 1280px) {

  /* line 97, ../../src/styles/pages/_about.scss */

  .about-section-three {

    padding: 0;

  }

}

/* line 104, ../../src/styles/pages/_about.scss */

.about-section-three .about-section-header {

  padding-bottom: 0;

}

@media (min-width: 564.24px) {

  /* line 104, ../../src/styles/pages/_about.scss */

  .about-section-three .about-section-header {

    width: 50%;

  }

}

/* line 111, ../../src/styles/pages/_about.scss */

.about-section-three .about-section-image {

  text-align: center;

  margin: 32px auto 0;

  margin: 32px auto 0;

  margin: 2rem auto 0;

}

@media (min-width: 564.24px) {

  /* line 111, ../../src/styles/pages/_about.scss */

  .about-section-three .about-section-image {

    margin-top: 0;

    position: relative;

    right: 0;

    top: 0;

    height: 100%;

    width: 50%;

  }

  /* line 121, ../../src/styles/pages/_about.scss */

  .about-section-three .about-section-image img {

    position: relative;

    top: -webkit-calc(50% - 180px / 2);

    top: calc(50% - 180px / 2);

  }

}

@media (min-width: 767px) {

  /* line 111, ../../src/styles/pages/_about.scss */

  .about-section-three .about-section-image {

    position: absolute;

  }

}

/* line 131, ../../src/styles/pages/_about.scss */

.about-section-three .section-container, .about-section-three .section-container-large, .about-section-three .section-container-small {

  height: auto;

  background: #5e91eb;

  padding-bottom: 42px;

  padding-bottom: 42px;

  padding-bottom: 2.625rem;

}

@media (min-width: 960px) {

  /* line 131, ../../src/styles/pages/_about.scss */

  .about-section-three .section-container, .about-section-three .section-container-large, .about-section-three .section-container-small {

    padding-bottom: 6rem;

  }

}

@media (min-width: 1280px) {

  /* line 131, ../../src/styles/pages/_about.scss */

  .about-section-three .section-container, .about-section-three .section-container-large, .about-section-three .section-container-small {

    padding-top: 5.5rem;

  }

}

/* line 147, ../../src/styles/pages/_about.scss */

.about-image-half {

  text-align: center;

  line-height: 0;

  margin-top: 32px;

  margin-top: 32px;

  margin-top: 2rem;

}

@media (min-width: 960px) {

  /* line 147, ../../src/styles/pages/_about.scss */

  .about-image-half {

    position: absolute;

    bottom: 0;

    margin-top: 0;

  }

}

/* line 158, ../../src/styles/pages/_about.scss */

.about-section-image-container {

  display: inline-block;

  text-align: center;

  line-height: 0;

}

@media (min-width: 960px) {

  /* line 158, ../../src/styles/pages/_about.scss */

  .about-section-image-container {

    position: absolute;

    bottom: 0;

  }

}

@media (min-width: 960px) {

  /* line 172, ../../src/styles/pages/_about.scss */

  .about-copy-half {

    width: 75%;

  }

}

@media (min-width: 1280px) {

  /* line 172, ../../src/styles/pages/_about.scss */

  .about-copy-half {

    width: 50%;

  }

}

@media (min-width: 960px) {

  /* line 181, ../../src/styles/pages/_about.scss */

  .about-image-half {

    width: 25%;

  }

}

@media (min-width: 1280px) {

  /* line 181, ../../src/styles/pages/_about.scss */

  .about-image-half {

    width: 50%;

  }

}

/* line 193, ../../src/styles/pages/_about.scss */

.about-section-image-one {

  right: 48px;

  right: 48px;

  right: 3rem;

}

@media (min-width: 1280px) {

  /* line 193, ../../src/styles/pages/_about.scss */

  .about-section-image-one {

    right: 15.25rem;

  }

}

/* line 200, ../../src/styles/pages/_about.scss */

.about-section-image-two {

  left: 0;

}

@media (min-width: 1280px) {

  /* line 200, ../../src/styles/pages/_about.scss */

  .about-section-image-two {

    left: 15.25rem;

  }

}

/* line 207, ../../src/styles/pages/_about.scss */

.about-copy-portion {

  position: relative;

  display: inline-block;

  margin-bottom: 1.56em;

}

/* line 212, ../../src/styles/pages/_about.scss */

.about-copy-portion:last-of-type {

  margin-bottom: 0;

}

/* line 217, ../../src/styles/pages/_about.scss */

.icon-target {

  max-width: 176px;

  max-width: 176px;

  max-width: 11rem;

}

/* line 225, ../../src/styles/pages/_about.scss */

.about-section-header {

  position: relative;

  display: inline-block;

  max-width: 1600px;

  color: white;

  padding-bottom: 42px;

  padding-bottom: 42px;

  padding-bottom: 2.625rem;

  margin: 0;

  width: 100%;

  height: 100%;

  vertical-align: top;

  max-width: 528px;

}

@media (min-width: 767px) {

  /* line 225, ../../src/styles/pages/_about.scss */

  .about-section-header {

    width: 50%;

  }

}

@media (min-width: 1280px) {

  /* line 225, ../../src/styles/pages/_about.scss */

  .about-section-header {

    padding-bottom: 0;

    left: 7.4375rem;

  }

}

/* line 246, ../../src/styles/pages/_about.scss */

.header-copy-large {

  margin-top: 0;

  line-height: 1.161290;

}

/* line 251, ../../src/styles/pages/_about.scss */

.copy-title {

  margin-top: 0;

}

/* line 261, ../../src/styles/pages/_about.scss */

.about-grid-list {

  padding: 0;

  margin: 0;

  font-size: 0;

}

/* line 267, ../../src/styles/pages/_about.scss */

.about-grid-item {

  position: relative;

  width: 100vw;

  height: 100vw;

  display: inline-block;

  list-style: none;

  font-size: 16px;

  font-size: 16px;

  font-size: 1rem;

  background-size: cover;

  background-repeat: no-repeat;

  vertical-align: top;

}

@media (min-width: 767px) {

  /* line 267, ../../src/styles/pages/_about.scss */

  .about-grid-item {

    width: 50%;

    height: 50vw;

  }

}

@media (min-width: 1024px) {

  /* line 267, ../../src/styles/pages/_about.scss */

  .about-grid-item {

    width: 33.333333%;

    height: 33.333333vw;

  }

}

@media (min-width: 1600px) {

  /* line 267, ../../src/styles/pages/_about.scss */

  .about-grid-item {

    width: 533.333333px;

    height: 533.333333px;

  }

}

/* line 291, ../../src/styles/pages/_about.scss */

.about-grid-copy-container {

  width: 100%;

  height: 100%;

  opacity: 0;

  padding: 24px;

  padding: 24px;

  padding: 1.5rem;

  background-color: rgba(0, 0, 0, 0.6);

}

@media (min-width: 1280px) {

  /* line 291, ../../src/styles/pages/_about.scss */

  .about-grid-copy-container {

    padding: 2.5rem 2.875rem;

  }

}

/* line 302, ../../src/styles/pages/_about.scss */

.about-grid-copy-container:hover {

  opacity: 1;

}

/* line 305, ../../src/styles/pages/_about.scss */

.about-grid-copy-container > * {

  margin: 0;

  color: white;

}

/* line 310, ../../src/styles/pages/_about.scss */

.about-grid-description {

  padding-bottom: 1.5em;

  font-size: 1.333333em;

}

/* line 315, ../../src/styles/pages/_about.scss */

.about-grid-copy {

  font-size: 15px;

  font-size: 15px;

  font-size: 0.9375rem;

}

@media (min-width: 767px) {

  /* line 315, ../../src/styles/pages/_about.scss */

  .about-grid-copy {

    font-size: 1.125rem;

  }

}

/* line 322, ../../src/styles/pages/_about.scss */

.sub-copy {

  padding: 1em 0;

}

@media (min-width: 767px) {

  /* line 322, ../../src/styles/pages/_about.scss */

  .sub-copy {

    padding-bottom: 0;

  }

}

/* line 332, ../../src/styles/pages/_about.scss */

.social-container {

  font-size: 20px;

  font-size: 20px;

  font-size: 1.25rem;

  position: absolute;

  bottom: 24px;

  bottom: 24px;

  bottom: 1.5rem;

  left: 24px;

  left: 24px;

  left: 1.5rem;

  line-height: 0;

}

@media (min-width: 1280px) {

  /* line 332, ../../src/styles/pages/_about.scss */

  .social-container {

    bottom: 2.875rem;

    left: 2.875rem;

  }

}

/* line 344, ../../src/styles/pages/_about.scss */

.social-container > * {

  position: relative;

  font-size: 32px;

  font-size: 32px;

  font-size: 2rem;

}

/* line 349, ../../src/styles/pages/_about.scss */

.social-container > *:before {

  z-index: 1;

}

/* line 353, ../../src/styles/pages/_about.scss */

.social-container > *:after {

  position: absolute;

  top: 5px;

  left: 5px;

  content: '';

  display: inline-block;

  width: 24px;

  height: 24px;

  border-radius: 50%;

  background-color: white;

  z-index: 0;

}

/* line 368, ../../src/styles/pages/_about.scss */

.grid-facebook {

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  color: #3b5998;

}

/* line 6, ../../src/styles/base/_icons.scss */

.grid-facebook:before {

  position: relative;

  font-family: 'icomoon';

  font-size: inherit;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  content: "";

}

/* line 372, ../../src/styles/pages/_about.scss */

.grid-facebook:hover {

  color: #1e2e4f;

}

/* line 376, ../../src/styles/pages/_about.scss */

.grid-twitter {

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  color: #55acee;

  margin-left: 0.5em;

}

/* line 6, ../../src/styles/base/_icons.scss */

.grid-twitter:before {

  position: relative;

  font-family: 'icomoon';

  font-size: inherit;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  content: "";

}

/* line 380, ../../src/styles/pages/_about.scss */

.grid-twitter:hover {

  color: #147bc9;

}

/* line 385, ../../src/styles/pages/_about.scss */

.said-by {

  font-size: 18px;

  font-size: 18px;

  font-size: 1.125rem;

}

/* line 393, ../../src/styles/pages/_about.scss */

.investors-container {

  background: #5a5f7a;

  padding: 2.625em 24px;

  padding: 2.625em 24px;

  padding: 2.625em 1.5rem;

  position: relative;

}

@media (min-width: 1024px) {

  /* line 393, ../../src/styles/pages/_about.scss */

  .investors-container {

    padding: 6rem 3rem;

  }

}

/* line 402, ../../src/styles/pages/_about.scss */

.investors-header {

  margin: 0;

  margin-bottom: 16px;

  margin-bottom: 16px;

  margin-bottom: 1rem;

  color: white;

  font-size: 24px;

  font-size: 24px;

  font-size: 1.5rem;

  line-height: 1.5;

}

@media (min-width: 767px) {

  /* line 402, ../../src/styles/pages/_about.scss */

  .investors-header {

    position: absolute;

    display: inline-block;

    vertical-align: middle;

    margin-bottom: 0;

    left: 3rem;

  }

}

@media (min-width: 767px) {

  /* line 417, ../../src/styles/pages/_about.scss */

  .investors-name-container {

    position: relative;

    padding-left: 21%;

  }

}

@media (min-width: 1024px) {

  /* line 417, ../../src/styles/pages/_about.scss */

  .investors-name-container {

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 100%;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

        -ms-flex-pack: justify;

            justify-content: space-between;

    padding-left: 20%;

  }

}

@media (min-width: 1280px) {

  /* line 417, ../../src/styles/pages/_about.scss */

  .investors-name-container {

    padding-left: 12.25rem;

    left: 0;

    padding-right: 0;

  }

}

/* line 435, ../../src/styles/pages/_about.scss */

.investor-name-subcontainer {

  width: 100%;

  vertical-align: top;

}

@media (min-width: 767px) {

  /* line 435, ../../src/styles/pages/_about.scss */

  .investor-name-subcontainer {

    display: inline-block;

    width: 40%;

    padding-right: 0.5rem;

  }

  /* line 442, ../../src/styles/pages/_about.scss */

  .investor-name-subcontainer:last-child {

    padding-right: 0;

  }

}

@media (min-width: 1024px) {

  /* line 435, ../../src/styles/pages/_about.scss */

  .investor-name-subcontainer {

    width: 25%;

  }

}

/* line 451, ../../src/styles/pages/_about.scss */

.investor-link {

  color: #A9AEB8;

}

/* line 453, ../../src/styles/pages/_about.scss */

.investor-link:hover {

  color: white;

}

/* line 458, ../../src/styles/pages/_about.scss */

.investor-name {

  line-height: 2.222222;

  color: inherit;

}

.advisors .investor-name {
  margin: 0 0 20px;
}

/* line 462, ../../src/styles/pages/_about.scss */

.investor-name.no-link {

  color: #A9AEB8;

}

/* line 4, ../../src/styles/pages/_terms.scss */

.tac-section {

  font-size: 0;

  margin-top: 64px;

  margin-top: 64px;

  margin-top: 4rem;

}

@media (min-width: 767px) {

  /* line 4, ../../src/styles/pages/_terms.scss */

  .tac-section {

    margin-top: 4.875rem;

    padding-left: 3rem;

    padding-right: 3rem;

    padding-bottom: 3.5rem;

  }

}

/* line 15, ../../src/styles/pages/_terms.scss */

.tac-section-inner {

  padding: 0;

}

/* line 18, ../../src/styles/pages/_terms.scss */

.tac-section-inner > * {

  font-size: 16px;

  font-size: 16px;

  font-size: 1rem;

  vertical-align: top;

}

@media (min-width: 767px) {

  /* line 18, ../../src/styles/pages/_terms.scss */

  .tac-section-inner > * {

    display: inline-block;

  }

}

/* line 27, ../../src/styles/pages/_terms.scss */

.tac-section-header {

  color: #a9aeb8;

  font-weight: normal;

  font-size: 20px !important;

  font-size: 20px !important;

  font-size: 1.25rem !important;

}

@media (min-width: 769px) {

  /* line 33, ../../src/styles/pages/_terms.scss */

  .tac-content-container {

    padding-top: 1em;

  }

}

@media (min-width: 1024px) {

  /* line 33, ../../src/styles/pages/_terms.scss */

  .tac-content-container {

    padding-top: 0;

    padding-left: 3em;

  }

}

/* line 42, ../../src/styles/pages/_terms.scss */

.tac-content-section {

  margin-bottom: 2em;

}

/* line 46, ../../src/styles/pages/_terms.scss */

.tac-content-section:nth-child(3) .tac-content {

  margin-bottom: 1.777777em;

}

/* line 50, ../../src/styles/pages/_terms.scss */

.tac-content-section > .screen-list {

  padding-left: 24px;

  padding-left: 24px;

  padding-left: 1.5rem;

}

@media (min-width: 767px) {

  /* line 50, ../../src/styles/pages/_terms.scss */

  .tac-content-section > .screen-list {

    padding-left: 2.25em;

  }

}

/* line 55, ../../src/styles/pages/_terms.scss */

.tac-content-section > .screen-list .screen-list-item {

  font-size: 16px;

  font-size: 16px;

  font-size: 1rem;

}

/* line 58, ../../src/styles/pages/_terms.scss */

.tac-content-section > .screen-list .screen-list-item:before {

  left: -webkit-calc(1rem * -1 - 5px) !important;

  left: calc(1rem * -1 - 5px) !important;

  top: 13px;

  top: 13px;

  top: 0.8125rem;

  height: 5px;

  width: 5px;

}

/* line 67, ../../src/styles/pages/_terms.scss */

.tac-content {

  font-size: 16px !important;

  font-size: 16px !important;

  font-size: 1rem !important;

}

/* line 72, ../../src/styles/pages/_terms.scss */

.title-container .main-page-title {

  line-height: 1.083333;

  margin-bottom: 23px !important;

  margin-bottom: 23px !important;

  margin-bottom: 1.4375rem !important;

}

/* line 78, ../../src/styles/pages/_terms.scss */

.date-updated {

  color: #a9aeb8;

  margin-bottom: 1em;

}

@media (min-width: 767px) {

  /* line 78, ../../src/styles/pages/_terms.scss */

  .date-updated {

    margin: 0;

  }

}

/* line 86, ../../src/styles/pages/_terms.scss */

.inline-link {

  text-decoration: underline;

}

/* line 3, ../../src/styles/pages/_404.scss */

.not-found {

  height: 100vh;

  font-size: 0;

  background-color: #5e91eb;

}

/* line 8, ../../src/styles/pages/_404.scss */

.not-found div[role=main] {

  height: 100vh;

}

/* line 13, ../../src/styles/pages/_404.scss */

.not-found-copy-container {

  font-size: 16px;

  padding-top: 24px;

  padding-top: 24px;

  padding-top: 1.5rem;

  position: relative;

  max-width: 480px;

  z-index: 1;

  height: 100%;

  background: url(../images/404.svg) no-repeat;

  background-position: center bottom;

}

@media (min-width: 460px) and (orientation: landscape) {

  /* line 13, ../../src/styles/pages/_404.scss */

  .not-found-copy-container {

    background-size: 272px 185px;

  }

}

@media (min-width: 767px) {

  /* line 13, ../../src/styles/pages/_404.scss */

  .not-found-copy-container {

    background-size: auto;

    padding-top: 9.975rem;

  }

}

@media (min-width: 1280px) {

  /* line 13, ../../src/styles/pages/_404.scss */

  .not-found-copy-container {

    padding-top: 11.975rem;

  }

}

/* line 34, ../../src/styles/pages/_404.scss */

.not-found-logo-container {

  padding-bottom: 26px;

  padding-bottom: 26px;

  padding-bottom: 1.625rem;

}

@media (min-width: 767px) {

  /* line 34, ../../src/styles/pages/_404.scss */

  .not-found-logo-container {

    padding-bottom: 3.625rem;

  }

}

/* line 41, ../../src/styles/pages/_404.scss */

.not-found-logo {

  display: inline-block;

}

/* line 45, ../../src/styles/pages/_404.scss */

.not-found-header {

  color: #5572c2;

  font-size: 24px;

  font-size: 24px;

  font-size: 1.5rem;

  padding-bottom: 0.8em !important;

}

@media (min-width: 767px) {

  /* line 45, ../../src/styles/pages/_404.scss */

  .not-found-header {

    font-size: 2.25rem;

  }

}

/* line 54, ../../src/styles/pages/_404.scss */

.not-found-copy {

  color: white;

}

/* line 58, ../../src/styles/pages/_404.scss */

.link-span {

  position: relative;

}

/* line 60, ../../src/styles/pages/_404.scss */

.link-span:after, .link-span:before {

  content: '';

  display: inline-block;

  position: absolute;

  left: 0;

  bottom: 0;

  height: 1px;

  width: 100%;

  background-color: white;

}

@media (min-width: 1280px) {

  /* line 72, ../../src/styles/pages/_404.scss */

  .link-span:hover {

    color: white;

  }

  /* line 74, ../../src/styles/pages/_404.scss */

  .link-span:hover:before, .link-span:hover:after {

    left: -2px;

    width: 105%;

  }

  /* line 78, ../../src/styles/pages/_404.scss */

  .link-span:hover:before {

    bottom: 1.1875rem;

  }

}

/* line 1, ../../src/styles/pages/_installation-list.scss */

.installation-guide-list-container {

  padding-top: 64px;

  padding-top: 64px;

  padding-top: 4rem;

  text-align: center;

  background: #5e91eb;

}

@media (min-width: 767px) {

  /* line 1, ../../src/styles/pages/_installation-list.scss */

  .installation-guide-list-container {

    min-height: 100vh;

    display: table;

    width: 100%;

    padding-left: 0 !important;

    padding-right: 0 !important;

    padding-top: 6rem;

  }

}

@media (min-width: 767px) {

  /* line 15, ../../src/styles/pages/_installation-list.scss */

  .installation-copy-and-guides {

    display: table-cell;

    vertical-align: middle;

  }

}

/* line 22, ../../src/styles/pages/_installation-list.scss */

.installation-title-container {

  padding-top: 1em;

  padding-bottom: 48px;

  padding-bottom: 48px;

  padding-bottom: 3rem;

}

@media (min-width: 767px) {

  /* line 22, ../../src/styles/pages/_installation-list.scss */

  .installation-title-container {

    padding-top: 2em;

  }

}

@media (min-width: 1024px) {

  /* line 22, ../../src/styles/pages/_installation-list.scss */

  .installation-title-container {

    padding-bottom: 9.1em;

    padding-top: 3em;

  }

}

/* line 34, ../../src/styles/pages/_installation-list.scss */

.installation-title {

  color: white;

  font-size: 24px;

  font-size: 24px;

  font-size: 1.5rem;

  padding-top: 1em;

}

@media (min-width: 767px) {

  /* line 34, ../../src/styles/pages/_installation-list.scss */

  .installation-title {

    color: #5572c2;

    font-size: 3rem;

    padding-top: 0;

  }

}

/* line 45, ../../src/styles/pages/_installation-list.scss */

.installation-guide-item {

  padding-bottom: 1.625em;

}

@media (min-width: 1024px) {

  /* line 45, ../../src/styles/pages/_installation-list.scss */

  .installation-guide-item {

    display: inline-block;

    padding-bottom: 1.9375em;

    width: 30%;

  }

}

@media (min-width: 1280px) {

  /* line 45, ../../src/styles/pages/_installation-list.scss */

  .installation-guide-item {

    width: 27.25%;

  }

}

/* line 56, ../../src/styles/pages/_installation-list.scss */

.installation-guide-item:last-child {

  padding-bottom: 48px;

  padding-bottom: 48px;

  padding-bottom: 3rem;

}

@media (min-width: 1024px) {

  /* line 61, ../../src/styles/pages/_installation-list.scss */

  .installation-guides-container {

    max-width: 990px;

    margin: 0 auto;

    position: relative;

    bottom: 1em;

  }

}

/* line 70, ../../src/styles/pages/_installation-list.scss */

.installation-item-image {

  width: 92px;

  width: 92px;

  width: 5.75rem;

  padding-bottom: 16px;

  padding-bottom: 16px;

  padding-bottom: 1rem;

}

@media (min-width: 767px) {

  /* line 70, ../../src/styles/pages/_installation-list.scss */

  .installation-item-image {

    padding-bottom: 2rem;

    width: 13.33333rem;

  }

}

/* line 79, ../../src/styles/pages/_installation-list.scss */

.installation-item-header {

  display: block;

  margin: 0 auto;

  color: white;

}

/* line 84, ../../src/styles/pages/_installation-list.scss */

.installation-item-header.rounded-button, .installation-item-header.rounded-button-inverse, .installation-item-header.green-brand-button {

  border: 1px solid white;

}

/* line 89, ../../src/styles/pages/_installation-list.scss */

.installation-guides {

  margin: 0;

  padding: 0;

}

@media (min-width: 1024px) {

  /* line 89, ../../src/styles/pages/_installation-list.scss */

  .installation-guides {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }

}

/* line 2, ../../src/styles/modules/installation/_guide-nav.scss */

.installation-guide-nav {

  width: 100%;

  position: fixed;

  bottom: 0;

  height: 64px;

  height: 64px;

  height: 4rem;

  color: white;

  z-index: 4;

}

@media (min-width: 767px) {

  /* line 2, ../../src/styles/modules/installation/_guide-nav.scss */

  .installation-guide-nav {

    height: 6rem;

    position: relative;

  }

}

/* line 15, ../../src/styles/modules/installation/_guide-nav.scss */

.installation-guide-nav-list {

  position: relative;

  margin: 0;

  color: white;

  padding: 0;

  font-size: 0;

  height: 100%;

}

/* line 24, ../../src/styles/modules/installation/_guide-nav.scss */

.installation-guide-nav-item {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #5e91eb;

  font-size: 16px;

  z-index: 0;

  border-bottom: 1px solid #5572c2;

}

@media (min-width: 767px) {

  /* line 24, ../../src/styles/modules/installation/_guide-nav.scss */

  .installation-guide-nav-item {

    position: relative;

    display: inline-block;

    width: 33.333333%;

    border-right: 1px solid #5572c2;

    border-bottom: 0;

  }

}

@media (min-width: 1280px) {

  /* line 42, ../../src/styles/modules/installation/_guide-nav.scss */

  .installation-guide-nav-item:hover {

    background-color: #5572c2;

  }

}

/* line 47, ../../src/styles/modules/installation/_guide-nav.scss */

.installation-guide-nav-item:last-child {

  border: none !important;

}

/* line 51, ../../src/styles/modules/installation/_guide-nav.scss */

.installation-guide-nav-item.active {

  z-index: 1;

  background-color: #5572c2 !important;

}

/* line 56, ../../src/styles/modules/installation/_guide-nav.scss */

.mobile-nav .installation-guide-nav-item {

  background-color: #5e91eb;

}

/* line 60, ../../src/styles/modules/installation/_guide-nav.scss */

.open .installation-guide-nav-item:nth-child(2) {

  will-change: transform;

  -webkit-transform: translateY(-100%);

      -ms-transform: translateY(-100%);

          transform: translateY(-100%);

}

/* line 64, ../../src/styles/modules/installation/_guide-nav.scss */

.open .installation-guide-nav-item:nth-child(3) {

  will-change: transform;

  -webkit-transform: translateY(-200%);

      -ms-transform: translateY(-200%);

          transform: translateY(-200%);

}

/* line 70, ../../src/styles/modules/installation/_guide-nav.scss */

.installation-guide-nav-link {

  padding-left: 1em;

  position: absolute;

  height: 100%;

}

@media (min-width: 767px) {

  /* line 70, ../../src/styles/modules/installation/_guide-nav.scss */

  .installation-guide-nav-link {

    width: 100%;

  }

}

/* line 77, ../../src/styles/modules/installation/_guide-nav.scss */

.installation-guide-nav-link:hover {

  color: white !important;

}

/* line 82, ../../src/styles/modules/installation/_guide-nav.scss */

.installation-nav-item-copy {

  position: relative;

  top: -webkit-calc(50% - 1em / 2);

  top: calc(50% - 1em / 2);

}

/* line 87, ../../src/styles/modules/installation/_guide-nav.scss */

.arrow-down {

  position: absolute;

  display: inline-block;

  right: 24px;

  right: 24px;

  right: 1.5rem;

  top: -webkit-calc(50% - 8px/2);

  top: calc(50% - 8px/2);

  width: 0;

  height: 0;

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;

  border-top: 8px solid white;

  z-index: 1;

}

@media (min-width: 767px) {

  /* line 87, ../../src/styles/modules/installation/_guide-nav.scss */

  .arrow-down {

    display: none;

  }

}

/* line 103, ../../src/styles/modules/installation/_guide-nav.scss */

.open .arrow-down {

  -webkit-transform: rotate(0.5turn);

      -ms-transform: rotate(0.5turn);

          transform: rotate(0.5turn);

}

/* line 8, ../../src/styles/modules/installation/_installation-guide.scss */

.childrens-devices-guide .screen-footer,

.childrens-tv-guide .screen-footer,

.parents-phone-guide .screen-footer {

  display: block;

}

@media (min-width: 767px) {

  /* line 8, ../../src/styles/modules/installation/_installation-guide.scss */

  .childrens-devices-guide .screen-footer,

  .childrens-tv-guide .screen-footer,

  .parents-phone-guide .screen-footer {

    display: none;

  }

}

/* line 22, ../../src/styles/modules/installation/_installation-guide.scss */

.animation-guy, .visible .thing-container.animation-target {

  -webkit-animation: animation 600ms linear both;

          animation: animation 600ms linear both;

}

@-webkit-keyframes animation {

  0% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1);

  }

  4.5% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 53.9, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 53.9, 0, 1);

  }

  9.01% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 16.402, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 16.402, 0, 1);

  }

  13.51% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.305, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.305, 0, 1);

  }

  17.92% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.226, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.226, 0, 1);

  }

  29.03% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.933, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.933, 0, 1);

  }

  34.63% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.563, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.563, 0, 1);

  }

  40.14% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 6.465, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 6.465, 0, 1);

  }

  62.36% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.838, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.838, 0, 1);

  }

  84.68% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.018, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.018, 0, 1);

  }

  100% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5, 0, 1);

  }

}

@keyframes animation {

  0% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1);

  }

  4.5% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 53.9, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 53.9, 0, 1);

  }

  9.01% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 16.402, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 16.402, 0, 1);

  }

  13.51% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.305, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.305, 0, 1);

  }

  17.92% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.226, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.226, 0, 1);

  }

  29.03% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.933, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.933, 0, 1);

  }

  34.63% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.563, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.563, 0, 1);

  }

  40.14% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 6.465, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 6.465, 0, 1);

  }

  62.36% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.838, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.838, 0, 1);

  }

  84.68% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.018, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5.018, 0, 1);

  }

  100% {

    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5, 0, 1);

            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5, 0, 1);

  }

}

/* line 40, ../../src/styles/modules/installation/_installation-guide.scss */

.animated {

  -webkit-animation-duration: 0.8s;

  animation-duration: 0.8s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

}

/* line 49, ../../src/styles/modules/installation/_installation-guide.scss */

.guy-animated {

  -webkit-animation-duration: 0.3s;

  animation-duration: 0.3s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

}

@-webkit-keyframes bounce {

  0% {

    -webkit-transform: translateY(0);

  }

  20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-15px);

  }

  60% {

    -webkit-transform: translateY(-10px);

  }

}

@keyframes bounce {

  0% {

    -webkit-transform: translateY(500%);

            transform: translateY(500%);

  }

  50%, 80%, 100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  65% {

    -webkit-transform: translateY(-15px);

            transform: translateY(-15px);

  }

  90% {

    -webkit-transform: translateY(-10px);

            transform: translateY(-10px);

  }

}

/* line 72, ../../src/styles/modules/installation/_installation-guide.scss */

.visible .guide-copy-bubble.animated {

  -webkit-animation-name: bounce;

  animation-name: bounce;

}

@-webkit-keyframes guy-bounce {

  0% {

    -webkit-transform: translateY(100%);

            transform: translateY(100%);

  }

  50%, 80%, 100% {

    -webkit-transform: translateY(5%);

            transform: translateY(5%);

  }

  65% {

    -webkit-transform: translateY(-15px);

            transform: translateY(-15px);

  }

  90% {

    -webkit-transform: translateY(-10px);

            transform: translateY(-10px);

  }

}

@keyframes guy-bounce {

  0% {

    -webkit-transform: translateY(100%);

            transform: translateY(100%);

  }

  50%, 80%, 100% {

    -webkit-transform: translateY(5%);

            transform: translateY(5%);

  }

  65% {

    -webkit-transform: translateY(-15px);

            transform: translateY(-15px);

  }

  90% {

    -webkit-transform: translateY(-10px);

            transform: translateY(-10px);

  }

}

/* line 89, ../../src/styles/modules/installation/_installation-guide.scss */

.installation-guide-container {

  position: relative;

}

/* line 94, ../../src/styles/modules/installation/_installation-guide.scss */

.guide-image-half {

  height: 320px;

  background: white;

}

@media (min-width: 767px) {

  /* line 94, ../../src/styles/modules/installation/_installation-guide.scss */

  .guide-image-half {

    height: auto;

  }

}

/* line 102, ../../src/styles/modules/installation/_installation-guide.scss */

.guide-image {

  position: absolute;

}

@media (min-width: 767px) {

  /* line 102, ../../src/styles/modules/installation/_installation-guide.scss */

  .guide-image {

    padding-top: 6rem;

  }

}

/* line 110, ../../src/styles/modules/installation/_installation-guide.scss */

.guide-copy-half {

  background-color: #363747;

}

/* line 114, ../../src/styles/modules/installation/_installation-guide.scss */

.copy-slides {

  margin: 0;

  padding: 0;

  width: 100%;

}

@media (min-width: 767px) {

  /* line 114, ../../src/styles/modules/installation/_installation-guide.scss */

  .copy-slides {

    height: -webkit-calc(100vh - 6rem);

    height: calc(100vh - 6rem);

    padding-top: 6rem;

    overflow: hidden;

  }

}

/* line 125, ../../src/styles/modules/installation/_installation-guide.scss */

.copy-slide {

  height: 100%;

}

/* line 128, ../../src/styles/modules/installation/_installation-guide.scss */

.copy-slide > * {

  min-height: 320px;

}

@media (min-width: 767px) {

  /* line 128, ../../src/styles/modules/installation/_installation-guide.scss */

  .copy-slide > * {

    display: inline-block;

    width: 50%;

    height: 100%;

    vertical-align: top;

  }

}

/* line 137, ../../src/styles/modules/installation/_installation-guide.scss */

.copy-slide.visible {

  position: fixed;

  width: 100%;

  top: 0;

  padding-bottom: 96px;

  padding-bottom: 96px;

  padding-bottom: 6rem;

}

/* line 144, ../../src/styles/modules/installation/_installation-guide.scss */

.copy-slide:first-child {

  display: none;

}

@media (min-width: 767px) {

  /* line 144, ../../src/styles/modules/installation/_installation-guide.scss */

  .copy-slide:first-child {

    display: block;

  }

}

/* line 152, ../../src/styles/modules/installation/_installation-guide.scss */

.guide-copy {

  width: 100%;

  height: 100%;

}

/* line 156, ../../src/styles/modules/installation/_installation-guide.scss */

.slide-bubble-copy {

  font-size: 22px;

  font-size: 22px;

  font-size: 1.375rem;

  height: 100%;

  padding: 32px 24px;

  padding: 32px 24px;

  padding: 2rem 1.5rem;

  color: white;

  font-weight: bold;

}

@media (min-width: 767px) {

  /* line 164, ../../src/styles/modules/installation/_installation-guide.scss */

  .guide-copy-bubble {

    -webkit-transition: top 0.8s, opacity 0.3s;

    transition: top 0.8s, opacity 0.3s;

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

    top: -webkit-calc(50% - 6rem / 2);

    top: calc(50% - 6rem / 2);

    position: relative;

    margin: 0 auto;

    width: 320px;

    border-radius: 8px;

    border: 1px solid white;

    opacity: 1;

  }

}

@media (min-width: 769px) {

  /* line 164, ../../src/styles/modules/installation/_installation-guide.scss */

  .guide-copy-bubble {

    width: 360px;

  }

}

/* line 184, ../../src/styles/modules/installation/_installation-guide.scss */

.guide-copy-bubble.prev {

  top: 100%;

  opacity: 0;

}

/* line 189, ../../src/styles/modules/installation/_installation-guide.scss */

.guide-copy-bubble.next {

  top: -100%;

  opacity: 0;

}

/* line 194, ../../src/styles/modules/installation/_installation-guide.scss */

.guide-copy-bubble:after {

  display: inline-block;

  position: absolute;

  content: '';

  bottom: -22px;

  width: 1px;

  height: 22px;

  background-color: white;

}

/* line 203, ../../src/styles/modules/installation/_installation-guide.scss */

.guide-copy-bubble:before {

  display: inline-block;

  position: absolute;

  content: '';

  bottom: -27px;

  width: 1px;

  height: 31.11px;

  background-color: white;

  z-index: 1;

}

/* line 214, ../../src/styles/modules/installation/_installation-guide.scss */

.guide-copy-bubble .triangle-side {

  position: absolute;

  height: 1px;

  width: 22px;

  background-color: #363747;

  bottom: -1px;

}

/* line 224, ../../src/styles/modules/installation/_installation-guide.scss */

.right-bubble .guide-copy-bubble:after {

  right: 49px;

  right: 49px;

  right: 3.0625rem;

}

/* line 228, ../../src/styles/modules/installation/_installation-guide.scss */

.right-bubble .guide-copy-bubble:before {

  -webkit-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

          transform: rotate(-45deg);

  right: 60px;

}

/* line 233, ../../src/styles/modules/installation/_installation-guide.scss */

.right-bubble .guide-copy-bubble .triangle-side {

  right: 49px;

  right: 49px;

  right: 3.0625rem;

}

/* line 239, ../../src/styles/modules/installation/_installation-guide.scss */

.left-bubble .guide-copy-bubble:after {

  left: 49px;

  left: 49px;

  left: 3.0625rem;

}

/* line 242, ../../src/styles/modules/installation/_installation-guide.scss */

.left-bubble .guide-copy-bubble:before {

  -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

          transform: rotate(45deg);

  left: 60px;

}

/* line 246, ../../src/styles/modules/installation/_installation-guide.scss */

.left-bubble .guide-copy-bubble .triangle-side {

  left: 49px;

  left: 49px;

  left: 3.0625rem;

}

/* line 252, ../../src/styles/modules/installation/_installation-guide.scss */

.thing-container {

  position: absolute;

  bottom: -10px;

  left: -webkit-calc(50% - 360px / 2);

  left: calc(50% - 360px / 2);

  width: 360px;

  line-height: 0;

}

/* line 259, ../../src/styles/modules/installation/_installation-guide.scss */

.thing-container img {

  position: relative;

  width: 48px;

  width: 48px;

  width: 3rem;

}

@media (min-width: 1500px) {

  /* line 259, ../../src/styles/modules/installation/_installation-guide.scss */

  .thing-container img {

    width: auto;

  }

}

/* line 269, ../../src/styles/modules/installation/_installation-guide.scss */

.thing-container.blue img, .thing-container.green img {

  left: 73%;

}

@media (min-width: 1024px) {

  /* line 269, ../../src/styles/modules/installation/_installation-guide.scss */

  .thing-container.blue img, .thing-container.green img {

    left: 80%;

  }

}

@media (min-width: 1280px) {

  /* line 269, ../../src/styles/modules/installation/_installation-guide.scss */

  .thing-container.blue img, .thing-container.green img {

    left: 73%;

  }

}

/* line 281, ../../src/styles/modules/installation/_installation-guide.scss */

.thing-container.red img {

  left: 13%;

}

@media (min-width: 1024px) {

  /* line 281, ../../src/styles/modules/installation/_installation-guide.scss */

  .thing-container.red img {

    left: 8%;

  }

}

@media (min-width: 1280px) {

  /* line 281, ../../src/styles/modules/installation/_installation-guide.scss */

  .thing-container.red img {

    left: 0%;

  }

}

/* line 296, ../../src/styles/modules/installation/_installation-guide.scss */

.visible .thing-container.not-animated {

  bottom: -15px;

}

/* line 300, ../../src/styles/modules/installation/_installation-guide.scss */

.visible .thing-container.down {

  -webkit-transition: bottom 0.25s;

  transition: bottom 0.25s;

  bottom: -100%;

}

/* line 3, ../../src/styles/modules/installation/_pagination-buttons.scss */

.pagination-buttons-container {

  font-size: 1.5em;

  display: none;

  position: absolute;

  height: -webkit-calc(100% - 6rem);

  height: calc(100% - 6rem);

  top: 96px;

  top: 96px;

  top: 6rem;

  right: 24px;

  right: 24px;

  right: 1.5rem;

}

@media (min-width: 767px) {

  /* line 3, ../../src/styles/modules/installation/_pagination-buttons.scss */

  .pagination-buttons-container {

    display: inline-block;

  }

}

@media (min-width: 1280px) {

  /* line 3, ../../src/styles/modules/installation/_pagination-buttons.scss */

  .pagination-buttons-container {

    right: 3rem;

  }

}

/* line 18, ../../src/styles/modules/installation/_pagination-buttons.scss */

.pagination-button {

  position: absolute;

  display: block;

  color: #5a5f7a;

  font-size: 32px;

  font-size: 32px;

  font-size: 2rem;

}

@media (min-width: 1280px) {

  /* line 18, ../../src/styles/modules/installation/_pagination-buttons.scss */

  .pagination-button {

    font-size: 3rem;

  }

}

/* line 27, ../../src/styles/modules/installation/_pagination-buttons.scss */

.pagination-button:hover {

  color: #5e91eb;

}

/* line 32, ../../src/styles/modules/installation/_pagination-buttons.scss */

.prev-button {

  top: 24px;

  top: 24px;

  top: 1.5rem;

  right: 0;

  margin-bottom: 1em;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/* line 6, ../../src/styles/base/_icons.scss */

.prev-button:before {

  position: relative;

  font-family: 'icomoon';

  font-size: inherit;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  content: "";

}

/* line 39, ../../src/styles/modules/installation/_pagination-buttons.scss */

.next-button {

  bottom: 24px;

  bottom: 24px;

  bottom: 1.5rem;

  right: 0;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/* line 6, ../../src/styles/base/_icons.scss */

.next-button:before {

  position: relative;

  font-family: 'icomoon';

  font-size: inherit;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  content: "";

}

/* line 1, ../../src/styles/modules/homepage/_get-and-try.scss */

section.get-and-try {

  background: #5572c2;

  text-align: center;

  position: relative;

  height: auto;

  padding-top: 32px;

  padding-top: 32px;

  padding-top: 2rem;

  padding-bottom: 32px;

  padding-bottom: 32px;

  padding-bottom: 2rem;

}

@media (min-width: 767px) {

  /* line 1, ../../src/styles/modules/homepage/_get-and-try.scss */

  section.get-and-try {

    padding: 2rem 5rem 2rem;

  }

}

@media (min-width: 1024px) {

  /* line 1, ../../src/styles/modules/homepage/_get-and-try.scss */

  section.get-and-try {

    height: 600px !important;

    padding: 0 6rem 0;

  }

}

/* line 17, ../../src/styles/modules/homepage/_get-and-try.scss */

section.get-and-try > * {

  display: block;

  width: 100%;

  float: none;

  padding: 0 !important;

}

@media (min-width: 1024px) {

  /* line 17, ../../src/styles/modules/homepage/_get-and-try.scss */

  section.get-and-try > * {

    display: table;

    width: 50%;

  }

}

@media (min-width: 1024px) {

  /* line 26, ../../src/styles/modules/homepage/_get-and-try.scss */

  section.get-and-try > * > * {

    display: table-cell;

    vertical-align: middle;

  }

}

/* line 34, ../../src/styles/modules/homepage/_get-and-try.scss */

section.get-and-try h2 {

  margin-top: 0 !important;

  color: #89f489;

}

/* line 38, ../../src/styles/modules/homepage/_get-and-try.scss */

section.get-and-try p {

  color: white;

  margin-bottom: 2em;

}

/* line 43, ../../src/styles/modules/homepage/_get-and-try.scss */

section.get-and-try .section-copy-container {

  text-align: center;

}

@media (min-width: 1024px) {

  /* line 43, ../../src/styles/modules/homepage/_get-and-try.scss */

  section.get-and-try .section-copy-container {

    text-align: left;

  }

}

/* line 49, ../../src/styles/modules/homepage/_get-and-try.scss */

section.get-and-try .section-image-half {

  text-align: center;

}

@media (min-width: 1024px) {

  /* line 49, ../../src/styles/modules/homepage/_get-and-try.scss */

  section.get-and-try .section-image-half {

    text-align: left;

  }

}

/* line 54, ../../src/styles/modules/homepage/_get-and-try.scss */

section.get-and-try .section-image-half img {

  margin: 0;

  max-width: 560px;

  max-width: 560px;

  max-width: 35rem;

}

/* line 60, ../../src/styles/modules/homepage/_get-and-try.scss */

section.get-and-try .left {

  position: static;

}

@media (min-width: 767px) {

  /* line 60, ../../src/styles/modules/homepage/_get-and-try.scss */

  section.get-and-try .left {

    top: auto;

  }

}

@media (min-width: 1024px) {

  /* line 60, ../../src/styles/modules/homepage/_get-and-try.scss */

  section.get-and-try .left {

    position: relative;

    float: left;

  }

}

/* line 71, ../../src/styles/modules/homepage/_get-and-try.scss */

section.get-and-try .right {

  margin-top: 1.5em;

  margin-bottom: 160px;

  margin-bottom: 160px;

  margin-bottom: 10rem;

}

@media (min-width: 460px) {

  /* line 71, ../../src/styles/modules/homepage/_get-and-try.scss */

  section.get-and-try .right {

    margin-top: 0;

    margin-bottom: 6rem;

  }

}

@media (min-width: 1024px) {

  /* line 71, ../../src/styles/modules/homepage/_get-and-try.scss */

  section.get-and-try .right {

    margin-bottom: 0;

  }

}

/* line 83, ../../src/styles/modules/homepage/_get-and-try.scss */

section.get-and-try .get-and-try-button-container {

  margin-bottom: 16px;

  margin-bottom: 16px;

  margin-bottom: 1rem;

  position: absolute;

  bottom: 1em;

  left: 0;

  width: 100%;

}

@media (min-width: 1024px) {

  /* line 83, ../../src/styles/modules/homepage/_get-and-try.scss */

  section.get-and-try .get-and-try-button-container {

    margin-bottom: 0;

    position: static;

  }

}

/* line 96, ../../src/styles/modules/homepage/_get-and-try.scss */

section.get-and-try .green-brand-button {

  display: block;

  margin: 0 auto;

  width: 192px;

}

@media (min-width: 460px) {

  /* line 96, ../../src/styles/modules/homepage/_get-and-try.scss */

  section.get-and-try .green-brand-button {

    display: inline-block;

  }

}

/* line 105, ../../src/styles/modules/homepage/_get-and-try.scss */

section.get-and-try .green-brand-button {

  margin-bottom: 16px;

  margin-bottom: 16px;

  margin-bottom: 1rem;

}

@media (min-width: 460px) {

  /* line 105, ../../src/styles/modules/homepage/_get-and-try.scss */

  section.get-and-try .green-brand-button {

    margin-right: 1rem;

    margin-bottom: 0;

  }

}

/* line 113, ../../src/styles/modules/homepage/_get-and-try.scss */

section.get-and-try .rounded-button.white-border, section.get-and-try .white-border.rounded-button-inverse, section.get-and-try .white-border.green-brand-button {

  background: transparent;

  border: 1px solid white;

  text-align: center;

}

/* line 117, ../../src/styles/modules/homepage/_get-and-try.scss */

section.get-and-try .rounded-button.white-border:hover, section.get-and-try .white-border.rounded-button-inverse:hover, section.get-and-try .white-border.green-brand-button:hover {

  background: white;

  border-color: #5572c2;

  color: #5572c2;

}

@media (min-width: 767px) {

  /* line 124, ../../src/styles/modules/homepage/_get-and-try.scss */

  section.get-and-try .large-num {

    font-size: 1.6em;

  }

}

/* line 8, ../../src/styles/pages/_details.scss */

.details .header-container {

  height: 100vh;

  padding-top: 64px;

  padding-top: 64px;

  padding-top: 4rem;

  background: #F5F6F7;

}

@media (min-width: 767px) {

  /* line 8, ../../src/styles/pages/_details.scss */

  .details .header-container {

    height: 640px;

    margin-top: 6rem;

    padding-top: 0;

  }

}

/* line 20, ../../src/styles/pages/_details.scss */

.details .header-container .preorder-button {

  display: block;

  position: absolute;

  bottom: 0;

}

@media (min-width: 767px) {

  /* line 20, ../../src/styles/pages/_details.scss */

  .details .header-container .preorder-button {

    display: none;

  }

}

/* line 31, ../../src/styles/pages/_details.scss */

.details-split-section {

  overflow-y: hidden;

  padding: 0 !important;

}

/* line 36, ../../src/styles/pages/_details.scss */

#screenCarousel,

#screenCarousel2 {

  height: 100%;

}

/* line 40, ../../src/styles/pages/_details.scss */

.carousel-image {

  width: 80%;

}

@media (min-width: 767px) {

  /* line 40, ../../src/styles/pages/_details.scss */

  .carousel-image {

    width: auto;

  }

}

/* line 46, ../../src/styles/pages/_details.scss */

.carousel-image.slim {

  position: relative;

  top: 50px;

}

@media (min-width: 767px) {

  /* line 46, ../../src/styles/pages/_details.scss */

  .carousel-image.slim {

    top: 123.333px;

  }

}

/* line 57, ../../src/styles/pages/_details.scss */

.details-copy-half {

  padding: 32px 24px;

  padding: 32px 24px;

  padding: 2rem 1.5rem;

}

@media (min-width: 767px) {

  /* line 57, ../../src/styles/pages/_details.scss */

  .details-copy-half {

    padding: 6.25rem;

    display: inline-table;

  }

}

@media (min-width: 960px) {

  /* line 57, ../../src/styles/pages/_details.scss */

  .details-copy-half {

    padding: 0 6.25rem;

  }

}

@media (min-width: 767px) {

  /* line 68, ../../src/styles/pages/_details.scss */

  .details-copy-half-container {

    display: table-cell;

    vertical-align: middle;

  }

}

/* line 75, ../../src/styles/pages/_details.scss */

.details-section-copy {

  line-height: 1.5;

  color: #A9AEB8;

}

/* line 81, ../../src/styles/pages/_details.scss */

.details-section-header {

  margin-bottom: 0.825em;

  letter-spacing: -1px;

}

/* line 90, ../../src/styles/pages/_details.scss */

.details-image-half {

  line-height: 0;

}

/* line 94, ../../src/styles/pages/_details.scss */

.details-button {

  max-width: 168px;

  padding: 0.75em 1em;

}

/* line 99, ../../src/styles/pages/_details.scss */

.flipped {

  direction: rtl;

}

/* line 101, ../../src/styles/pages/_details.scss */

.flipped .details-copy-half {

  direction: ltr;

}

/* line 105, ../../src/styles/pages/_details.scss */

.details-image-half {

  overflow-y: hidden;

}

/* line 108, ../../src/styles/pages/_details.scss */

.details-image-half.background-image {

  height: 60vw;

  background: url(/images/plug-it-in.jpg) no-repeat;

  background-size: cover;

  background-position: 50% 0;

}

@media (min-width: 1024px) {

  /* line 108, ../../src/styles/pages/_details.scss */

  .details-image-half.background-image {

    height: 100%;

  }

}

/* line 119, ../../src/styles/pages/_details.scss */

.details-iphone-demo {

  position: relative;

}

/* line 133, ../../src/styles/pages/_details.scss */

.details-iphone-section .details-image-half {

  padding-top: 3em;

  text-align: center;

  background: #363747;

}

@media (min-width: 769px) {

  /* line 133, ../../src/styles/pages/_details.scss */

  .details-iphone-section .details-image-half {

    height: 426px;

  }

}

@media (min-width: 960px) {

  /* line 133, ../../src/styles/pages/_details.scss */

  .details-iphone-section .details-image-half {

    height: 100%;

  }

}

@media (min-width: 1024px) {

  /* line 133, ../../src/styles/pages/_details.scss */

  .details-iphone-section .details-image-half {

    padding-top: 0;

  }

}

/* line 146, ../../src/styles/pages/_details.scss */

.details-iphone-section .details-image-half .details-section-image {

  width: 80%;

  max-width: 418px;

}

@media (min-width: 769px) {

  /* line 146, ../../src/styles/pages/_details.scss */

  .details-iphone-section .details-image-half .details-section-image {

    left: -webkit-calc(50% - 418px / 2);

    left: calc(50% - 418px / 2);

    position: absolute;

    bottom: 0;

  }

}

/* line 162, ../../src/styles/pages/_details.scss */

.details-split-section {

  margin: 0 auto;

  background: white;

}

@media (min-width: 960px) {

  /* line 162, ../../src/styles/pages/_details.scss */

  .details-split-section {

    height: 480px;

  }

}

/* line 170, ../../src/styles/pages/_details.scss */

.details-tech-specs {

  height: auto;

  max-height: none;

  background: #f5f6f7;

}

@media (min-width: 767px) {

  /* line 174, ../../src/styles/pages/_details.scss */

  .details-tech-specs > * {

    height: auto;

  }

}

/* line 180, ../../src/styles/pages/_details.scss */

.details-tech-specs .details-copy-half {

  padding: 16px 24px;

  padding: 16px 24px;

  padding: 1rem 1.5rem;

}

@media (min-width: 767px) {

  /* line 180, ../../src/styles/pages/_details.scss */

  .details-tech-specs .details-copy-half {

    padding: 1rem 6rem;

  }

}

@media (min-width: 1024px) {

  /* line 180, ../../src/styles/pages/_details.scss */

  .details-tech-specs .details-copy-half {

    padding: 5.5rem 0 5.5rem 6rem;

  }

}

/* line 190, ../../src/styles/pages/_details.scss */

.details-tech-specs .details-image-half {

  padding: 32px 24px;

  padding: 32px 24px;

  padding: 2rem 1.5rem;

  text-align: center;

}

@media (min-width: 1024px) {

  /* line 190, ../../src/styles/pages/_details.scss */

  .details-tech-specs .details-image-half {

    padding: 6.25rem 0;

  }

  .header-container2 .preorder-button {

    background: #5e91eb none repeat scroll 0 0 !important;

    border: medium none !important;

    border-radius: 50px !important;

    color: #fff !important;

    font-size: 1.5rem !important;

    margin: 2rem 0 !important;

    max-width: 350px !important;

    padding: 2rem 0 !important;

}

}

/* line 197, ../../src/styles/pages/_details.scss */

.details-tech-specs .details-image-half img {

  max-width: 560px;

}

/* line 204, ../../src/styles/pages/_details.scss */

.details-section-list {

  margin: 0;

  padding: 0;

}

/* line 209, ../../src/styles/pages/_details.scss */

.details-section-list-item {

  font-size: 0;

  padding: -webkit-calc(2rem - 1rem/2) 0;

  padding: calc(2rem - 1rem/2) 0;

  border-bottom: 1px solid #e6e8eb;

}

/* line 214, ../../src/styles/pages/_details.scss */

.details-section-list-item:first-child {

  padding-top: 0;

}

@media (min-width: 767px) {

  /* line 214, ../../src/styles/pages/_details.scss */

  .details-section-list-item:first-child {

    padding-top: -webkit-calc(2rem - 1rem/2);

    padding-top: calc(2rem - 1rem/2);

  }

}

/* line 221, ../../src/styles/pages/_details.scss */

.details-section-list-item:last-child {

  border-bottom: none;

}

/* line 225, ../../src/styles/pages/_details.scss */

.details-section-list-item > * {

  font-size: 16px;

  display: inline-block;

  vertical-align: top;

}

/* line 232, ../../src/styles/pages/_details.scss */

.spec-title,

.spec-copy {

  font-size: 18px;

  font-size: 18px;

  font-size: 1.125rem;

  line-height: 1.5;

}

@media (min-width: 767px) {

  /* line 238, ../../src/styles/pages/_details.scss */

  .spec-title {

    width: 33%;

  }

}

/* line 243, ../../src/styles/pages/_details.scss */

.spec-copy {

  color: #A9AEB8;

}

@media (min-width: 767px) {

  /* line 243, ../../src/styles/pages/_details.scss */

  .spec-copy {

    width: 67%;

    padding-left: 2em;

  }

}

/* line 8, ../../src/styles/pages/_install.scss */

.install.apple .installation-guide-list-container,

.install.android .installation-guide-list-container {

  padding-left: 0;

  padding-right: 0;

  width: 100%;

}

/* line 13, ../../src/styles/pages/_install.scss */

.install.apple .installation-guides-container,

.install.android .installation-guides-container {

  bottom: auto;

}

/* line 16, ../../src/styles/pages/_install.scss */

.install.apple .installation-title-container,

.install.android .installation-title-container {

  display: none;

}

/* line 19, ../../src/styles/pages/_install.scss */

.install.apple li.windows,

.install.android li.windows {

  display: none;

}

/* line 22, ../../src/styles/pages/_install.scss */

.install.apple li.apple,

.install.apple li.android,

.install.android li.apple,

.install.android li.android {

  height: -webkit-calc(98vh - 4rem);

  height: calc(98vh - 4rem);

}

/* line 26, ../../src/styles/pages/_install.scss */

.install.apple li.apple .installation-item-image,

.install.apple li.android .installation-item-image,

.install.android li.apple .installation-item-image,

.install.android li.android .installation-item-image {

  position: absolute;

  top: -webkit-calc(50% - 6.125rem / 2);

  top: calc(50% - 6.125rem / 2);

  left: -webkit-calc(50% - 5.75rem / 2);

  left: calc(50% - 5.75rem / 2);

}

@media (min-width: 767px) {

  /* line 26, ../../src/styles/pages/_install.scss */

  .install.apple li.apple .installation-item-image,

  .install.apple li.android .installation-item-image,

  .install.android li.apple .installation-item-image,

  .install.android li.android .installation-item-image {

    top: -webkit-calc(50% - 15.875rem / 2);

    top: calc(50% - 15.875rem / 2);

    left: -webkit-calc(50% - 13.333rem / 2);

    left: calc(50% - 13.333rem / 2);

  }

}

/* line 35, ../../src/styles/pages/_install.scss */

.install.apple li.apple .rounded-button, .install.apple li.apple .rounded-button-inverse, .install.apple li.apple .green-brand-button,

.install.apple li.android .rounded-button,

.install.apple li.android .rounded-button-inverse,

.install.apple li.android .green-brand-button,

.install.android li.apple .rounded-button,

.install.android li.apple .rounded-button-inverse,

.install.android li.apple .green-brand-button,

.install.android li.android .rounded-button,

.install.android li.android .rounded-button-inverse,

.install.android li.android .green-brand-button {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  max-width: none;

  background: #5572c2;

  border-radius: 0;

  border: none;

  padding: 1.4em;

}

/* line 50, ../../src/styles/pages/_install.scss */

.install.apple li.android,

.install.apple li.windows {

  display: none;

}

/* line 57, ../../src/styles/pages/_install.scss */

.install.android li.apple,

.install.android li.windows {

  display: none;

}

iframe[name="google_conversion_frame"] {

  height: 0;

  position: absolute;

}

.screen-works {

  background: #fff;

  text-align: center;

  position: relative;

  padding: 0 0 5rem;

  max-height: auto;

}

section.homepage-section.screen-works {

  height: 500px;

}

.screen-works:before {

  content: url(../images/head-green.png);

  display: block;

  width: 64px;

  height: 94px;

  margin: 0 0 -94px;

  position: absolute;

  left: 5rem;

}

.screen-works:after {

  content: url(../images/head-red.png);

  display: block;

  width: 64px;

  height: 92px;

  position: absolute;

  bottom: 0;

  right: 10rem;

}

.screen-works h2 {

  padding: 3rem 0;

  display: block;

}

.screen-works ul {

  width: 280px;

  display: inline-block;

  vertical-align: top;

}

.screen-works ul li {

  text-align: left;

  color: #5572c2;

  font-size: 1.5rem;

  line-height: 2rem;

}

.screen-works ul li:before {

  content: url(../images/ico_check_blue.png);

  width: 30px;

  height: 25px;

  display: inline-block;

  margin: 0 15px 0 0;

  position: relative;

  top: 5px;

}

@media (max-width: 767px) {

  .header-container2 .header-copy-container {

    left: 0!important;

    top: calc(50% - 430px / 2);

}

  .screen-works:before,

  .screen-works:after {

    display: none;

  }

  .screen-works h2 {

  padding: 0;

}

section.homepage-section.screen-works {

  height: 575px;

}

.page-homepage section.get-and-try2 h2,

.details section.get-and-try2 h2 {

    font-size: 3rem !important;

    line-height: 3rem !important;

  }

}

@media (max-width: 400px) {

  .header-container2 .header-copy-container {

    top: calc(50% - 620px / 2);

    left: 0!important;

  }

}

@media (max-width: 700px) {

.header-container2 .main-video {

  background: none;

  width: 100%;

  height: 369px;

  top: 10rem;

}

.header-container2 .main-video iframe {

  width: 100% !important;  

  height: 100% !important;  

}

.video-container {

  left: 0px !important;

  width: 100% !important;  

  height: 100% !important;

  bottom: 0px !important;

  position: absolute !important;  

}

.container {

    padding: 0;

}

}

.slider-top {

  background: #fff;

  text-align: center;

}

.slider-top h2 {

  padding: 2rem 0 0;

}

p.copyright {

  position: relative;

  top: 2rem!important;

  left: -12rem!important;

  color: #fff;

  float: left;

}

p.copyright a {text-decoration: underline;}

p.copyright a:hover {text-decoration: none;}

@media (max-width: 500px) {

.header-container2 .main-video {

  height: 240px;

  top: 0rem;

}

.header-container2 {

    background-size: cover;

    min-height: 600px;

  }

.header-container2 .header-copy-container {

    top: calc(50% - 430px / 2)!important;

    left: 0!important; 

}

.header-container2 .header-copy-large {

    font-size: 2rem;

    line-height: 2.5rem;

}

.header-container2 .header-copy {

    font-family: arial;

    font-size: 2rem;

    font-weight: normal;

    line-height: 2.5rem;

}

.header-container2 {

  height: 800px;

}

.get-and-try2 {

  padding: 0!important;

}

.owl-carousel .tiny {

  margin: 2rem 0 0;

}

.how-does-it-work-section a {

  display: inline-block;

  position: absolute;

  bottom: -20px!important;

  right: 0;

  background: #89f489;

  font-size: 1.5rem;

  color: #000;

  padding: 10px 0!important;

  font-weight: 600;

  letter-spacing: -0.05em;

  font-family: "nimbus-sans", sans-serif;

  width: 100%;

}

p.copyright {

  position: relative;

  top: 1rem!important;

  left: 0rem!important;

  color: #fff;

  float: left;

}

footer {

  height: 820px;

}

#mc_embed_signup {

    background: transparent none repeat scroll 0 0;

    left: 0rem;

    max-width: 320px;

    padding: 0 1.5rem;

    position: absolute;

    top: 41rem;

    width: 100%;

}

}

@media (max-width: 580px) {

.screen-works ul  {

margin-top: 0px;

margin-bottom: 0px

}

.page-homepage section.get-and-try2 ul li:after {

    display: none;

}

.header-container2 .header-copy-container {

    top: calc(50% - 430px / 2)!important;

    left: 0!important; 

}

}

@media (max-width: 767px) {

  .page-homepage section.get-and-try2 ul li:after {

    display: none;

}

  .header-container2 {

    background-size: cover;

    height: auto;

  }

.header-container2 .preorder-button-container {

  position: fixed !important;

  display: table !important;

  width: 100% !important;

  bottom: 0 !important;

  left: 0 !important;

  text-align: center !important;

  z-index: 1 !important;

}

.header-container2 .preorder-header-button {

    border-radius: 0 !important;

    display: table-cell !important;

    height: 4rem !important;

    max-width: none !important;

    padding: 0 !important;

    margin: 0 !important;

    vertical-align: middle !important;

}

}

.image-told {

  margin: 0; 

}

.right-bubble:after {

  display: block;

  content: url('../images/dad.svg');

  width: 50px;

  height: 30px;

  right: 28rem;

  position: absolute;

  -webkit-animation-play-state: running;

  animation-play-state: running;

  -webkit-transform: translateY(100%);

  -ms-transform: translateY(100%);

  transform: translateY(100%);

}

.left-bubble:after {

  display: block;

  content: url('../images/mom.svg');

  width: 50px;

  height: 30px;

  left: 25rem;

  position: absolute;

  -webkit-animation-play-state: running;

  animation-play-state: running;

  -webkit-transform: translateY(100%);

  -ms-transform: translateY(100%);

  transform: translateY(100%);

}

.details section.about-section-container.about-section-two {

  border-top: 1px solid #e6e8eb;

}

.details section.about-section-container.about-section-two.split-section-mid {

  padding-top: 6rem;

}

.details .about-section-two .about-copy-half {

  padding-bottom: 6rem;

}

.details section.homepage-section.family-photo .fullphoto {

  background-image: url(../images/img-rules.jpg);

}

.details .nav-bar-container.container .nav-bar-wrapper {

  background: #fff;

  box-shadow: 0 1px 1px #e6e8eb;

}

.details .nav-bar-container.container div.nav-bar-wrapper nav.nav-bar ul.nav-bar-items li.nav-item.link a.nav-item-link {

  color: #525252;

}

.details .nav-logo.black {

  display: inline-block!important;

}

.details .nav-logo.white {

  display: none!important;

}

.details .header-container div#screenCarousel.owl-carousel.owl-theme div.owl-controls.clickable div.owl-pagination {

  bottom: 0;

}

.details .header-container div#screenCarousel.owl-carousel.owl-theme div.owl-wrapper-outer {

  top: calc(50% - 425px / 2);

}

.how-does-it-work-section a {

  display: inline-block;

  position: absolute;

  bottom: 0;

  right: 0;

  background: #89f489;

  font-size: 1.5rem;

  color: #000;

  padding: 10px 100px;

  font-weight: 600;

  letter-spacing: -0.05em;

  font-family: "nimbus-sans", sans-serif;

}



.container-white {

  background: #fff;

}



.signup-form {

  height: auto;

  float: right;

  border: 0;

  position: relative;

  margin: 47px 0 0;

}







.homepage-section.vimeo-frame {

  background:#f2f7fa;

  text-align:center;

  height:600px!important;

}



.homepage-section.buy-frame {

  background:#f2f7fa;

  text-align:center;

  height:600px!important;

}



.homepage-section.vimeo-frame iframe {

  height:400px;

  position:relative;

  top:145px;

  z-index: 0;

}



@media (max-width: 500px) {



  .homepage-section.vimeo-frame {

    height:275px!important;

  }



  .homepage-section.buy-frame {

    height:800px!important;

  }



  .homepage-section.vimeo-frame iframe {

    width: 100%;

    height: 210px;

    top: 65px;

  }

}

.about .testimonials-mobile {
  display: none!important;
}

.about section.testimonials2 {
  padding: 0 9rem!important;
  text-align: center;
  background: url('../images/img-family.jpg') 50% 100%;
  height: 300px;
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.about section.testimonials2 p {
  font-size: 1.2rem;
  line-height: 1.5rem;
  margin: 3rem auto;
  font-style: italic;
  color: #fff;
  width: 100%;
  display: inline-block;
}
.about section.testimonials2 p a {
  text-decoration: underline;
  color: #fff;
}
.about section.testimonials2 p a:hover {
  text-decoration: none;
}
/* line 13, ../../src/styles/modules/homepage/_testimonials.scss */
.about section.testimonials2 .col {
  position: relative;
  top: 4rem;
  display: inline-block;
  font-size: 16px;
  font-size: 16px;
  font-size: 1rem;
}
/* line 21, ../../src/styles/modules/homepage/_testimonials.scss */
.about section.testimonials2 img {
  position: relative;
}
/* line 27, ../../src/styles/modules/homepage/_testimonials.scss */
.about section.testimonials2 img.guardian {
  width: 8.625em;
}
/* line 31, ../../src/styles/modules/homepage/_testimonials.scss */
.about section.testimonials2 img.nyt {
  width: 8.625em;
}
/* line 35, ../../src/styles/modules/homepage/_testimonials.scss */
.about section.testimonials2 img.wired {
  width: 8.625em;
}
/* line 39, ../../src/styles/modules/homepage/_testimonials.scss */
.about section.testimonials2 img.techcrunch {
  width: 8.625em;
}
@media (min-width: 1024px) {
  .about section.testimonials2 p {
    margin: 3rem auto 0;
  }
}


@media (max-width: 767px) {
  .about section.testimonials2 {
    height: auto;
    background-size: cover;
  }
  .about section.testimonials .col {
    width: 100%;
    height: 6rem;
  }
   .about section.testimonials2 .col {
    width: 100%;
    height: 6rem;
  }
}

@media (max-width: 500px) {

 .about .testimonials2 {
  display: none!important;
}
  .about section.testimonials-mobile {
  display: block!important;
    padding: 0!important;
}
}

.tac-section img {
  width: 100%;
}

.about-grid-list-adv {
  padding: 0; 
  margin: 0;
}

.about-grid-list-adv li {
  width: 25%;
  height: 200px;
  background: #5a5f7a;
  float: left;
  text-align: center;
}

.chat-link {
  right: 10px!important;
  bottom: 10px!important;
  display: none;
}

.assistly-widget a {
  background: url('../images/ico-chat.png') !important;
  width: 122px!important;
  height: 82px!important;
}