@charset "UTF-8";

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@-webkit-keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@-webkit-keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.anim-fade-in {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

.parallax.ak-in-view--animate[data-delay="300"] .parallax__main,
.parallax.ak-in-view--animate[data-delay="300"] .parallax__bgd,
.parallax.ak-in-view--animate[data-delay="300"] .parallax__fgd {
  transition-delay: 300ms; }

.parallax.ak-in-view--animate[data-delay="500"] .parallax__main,
.parallax.ak-in-view--animate[data-delay="500"] .parallax__bgd,
.parallax.ak-in-view--animate[data-delay="500"] .parallax__fgd {
  transition-delay: 500ms; }

.parallax.ak-in-view--animate .parallax__main, .parallax.ak-in-view--animate .parallax__bgd, .parallax.ak-in-view--animate .parallax__fgd {
  transition: -webkit-transform 700ms ease;
  transition: transform 700ms ease; }

.parallax.ak-in-view--animate .parallax__main {
  -webkit-transform: translate3d(0, 50%, 0);
          transform: translate3d(0, 50%, 0); }

.parallax.ak-in-view--animate .parallax__bgd {
  -webkit-transform: translate3d(0, 25%, 0);
          transform: translate3d(0, 25%, 0); }

.parallax.ak-in-view--animate .parallax__fgd {
  -webkit-transform: translate3d(0, -25%, 0);
          transform: translate3d(0, -25%, 0); }

.parallax.ak-in-view--animate.ak-in-view--animate--end .parallax__main, .parallax.ak-in-view--animate.ak-in-view--animate--end .parallax__bgd, .parallax.ak-in-view--animate.ak-in-view--animate--end .parallax__fgd {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.fade-in-up {
  -webkit-animation: fade-in-up 700ms ease 0s 1 normal both;
          animation: fade-in-up 700ms ease 0s 1 normal both; }
  .fade-in-up[data-delay="300"] {
    -webkit-animation-delay: 300ms;
            animation-delay: 300ms; }
  .fade-in-up[data-delay="500"] {
    -webkit-animation-delay: 500ms;
            animation-delay: 500ms; }
  .fade-in-up[data-delay="700"] {
    -webkit-animation-delay: 700ms;
            animation-delay: 700ms; }

.ak-in-view--fade-up {
  opacity: 0;
  transition: -webkit-transform 700ms ease, opacity 700ms ease;
  transition: transform 700ms ease, opacity 700ms ease;
  -webkit-transform: translateY(20px);
          transform: translateY(20px); }
  .ak-in-view--fade-up--end {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  .ak-in-view--fade-up[data-delay="300"] {
    transition-delay: 300ms; }
  .ak-in-view--fade-up[data-delay="500"] {
    transition-delay: 500ms; }
  .ak-in-view--fade-up[data-delay="700"] {
    transition-delay: 700ms; }
  .ak-in-view--fade-up[data-delay="900"] {
    transition-delay: 900ms; }
  .ak-in-view--fade-up[data-delay="1100"] {
    transition-delay: 1100ms; }
  .ak-in-view--fade-up[data-delay="1300"] {
    transition-delay: 1300ms; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.video {
  margin: 0 auto; }
  .video img {
    width: 100%; }
  .video video {
    width: 100%; }
  @media only screen and (max-width: 639px) {
    .video.sm-mobile {
      max-width: 300px; } }
  .video.med {
    max-width: 500px; }
  @media only screen and (max-width: 639px) {
    .video.extended-right {
      margin-bottom: 50px; } }
  @media only screen and (min-width: 640px) {
    .video.extended-right {
      margin: 0 -70px 0 30px; } }
  @media only screen and (max-width: 639px) {
    .video.extended-left {
      margin-bottom: 50px; } }
  @media only screen and (min-width: 640px) {
    .video.extended-left {
      margin: 50px 30px 0 -70px; } }

@font-face {
  font-family: "Google Sans";
  src: url(../fonts/GoogleSans-Regular.ttf);
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "Google Sans";
  src: url(../fonts/GoogleSans-Italic.ttf);
  font-style: italic;
  font-weight: 400; }

@font-face {
  font-family: "Google Sans";
  src: url(../fonts/GoogleSans-Medium.ttf);
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: "Google Sans";
  src: url(../fonts/GoogleSans-MediumItalic.ttf);
  font-style: italic;
  font-weight: 500; }

@font-face {
  font-family: "Google Sans";
  src: url(../fonts/GoogleSans-Bold.ttf);
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: "Google Sans";
  src: url(../fonts/GoogleSans-BoldItalic.ttf);
  font-style: italic;
  font-weight: 700; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

* {
  box-sizing: border-box; }

body {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #888b8d;
  margin: 0;
  overflow-x: hidden;
  padding: 0; }
  @media only screen and (min-width: 1024px) {
    body {
      font-size: 18px;
      line-height: 28px; } }

.btn,
button {
  background-color: #0f9d58;
  color: #fff; }

video::-webkit-media-controls {
  display: none !important; }

img {
  border: 0; }

a {
  color: #0f9d58;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }
  a.button-link:hover {
    text-decoration: none; }

img {
  max-width: 100%; }

h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0; }

p:last-child {
  margin-bottom: 0; }

strong {
  color: rgba(0, 0, 0, 0.73); }

input[type=text], input[type=number] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

input, textarea, button {
  font-family: "Roboto", arial, sans-serif; }

sup {
  line-height: 0; }

.container {
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .container {
      width: 860px; } }
  @media only screen and (min-width: 1440px) {
    .container {
      width: 1280px; } }

.contained-to-header {
  padding: 0 50px; }

paper-fab {
  background-color: #0f9d58;
  color: #fff;
  -webkit-animation: grow ease-out 0.5s;
  animation: grow ease-out 0.5s; }
  paper-fab.white {
    background-color: #fff;
    color: #888b8d; }

.wrap {
  background-color: #fff;
  color: #888b8d;
  margin: 0 auto; }

.center {
  text-align: center; }

.centered {
  text-align: center; }
  @media only screen and (max-width: 639px) {
    .centered {
      text-align: left; } }

.xl {
  margin: 0 auto;
  max-width: 800px; }

.lg {
  margin: 0 auto;
  max-width: 600px; }

.med {
  margin: 0 auto;
  max-width: 500px; }

.content.padded {
  margin: 0 auto;
  padding: 100px; }
  @media only screen and (max-width: 639px) {
    .content.padded {
      padding: 0; } }

.wide {
  width: 100%; }

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

p.smaller {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px; }
  @media only screen and (min-width: 640px) {
    p.smaller {
      font-size: 14px;
      line-height: 22px; } }

@media only screen and (max-width: 1023px) {
  .margin-bottom-mobile:last-child,
  .margin-bottom-mobile {
    margin-bottom: 40px; } }

.margin-bottom-sm:last-child,
.margin-bottom-sm {
  margin-bottom: 40px; }

.margin-bottom:last-child,
.margin-bottom {
  margin-bottom: 60px; }
  @media only screen and (max-width: 1023px) {
    .margin-bottom:last-child.desktop,
    .margin-bottom.desktop {
      margin-bottom: inherit; } }

.margin-top {
  margin-top: 20px; }

.margin-top-lg {
  margin-top: 40px; }

.aligner {
  display: table;
  height: 100%;
  width: 100%; }
  .aligner .aligned {
    vertical-align: middle; }
  .aligner.fixed {
    margin: 0 auto;
    max-width: 400px; }

.clearfix:after {
  clear: both;
  content: "";
  display: table; }

.clearfix .left {
  float: left; }

.clearfix .right {
  float: right; }

.clearfix .fill {
  overflow: hidden;
  width: auto; }

.dashed.divider {
  border-top: 1px dashed white; }
  .dashed.divider.light-grey {
    border-color: rgba(0, 0, 0, 0.12); }

div.small-triangle {
  background-color: #fbfafb;
  color: #888b8d;
  display: block;
  height: 59px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg) translate3d(-50%, -50%, 1px);
          transform: rotate(45deg) translate3d(-50%, -50%, 1px);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 59px;
  z-index: 1; }
  div.small-triangle--green {
    background-color: #0f9d58;
    color: #fff; }

.hidden {
  display: none !important; }

@media only screen and (max-width: 639px) {
  .mobile-show {
    display: block !important; } }

@media only screen and (max-width: 639px) {
  .mobile-hide {
    display: none !important; } }

@media only screen and (min-width: 640px) and (max-width: 1023px) {
  .tablet-show {
    display: block !important; } }

@media only screen and (min-width: 640px) and (max-width: 1023px) {
  .tablet-hide {
    display: none !important; } }

@media only screen and (min-width: 1024px) {
  .desktop-show {
    display: block !important; } }

@media only screen and (min-width: 1024px) {
  .desktop-hide {
    display: none !important; } }

@media only screen and (min-width: 1440px) {
  .desktop-xl-show {
    display: block !important; } }

@media only screen and (min-width: 1440px) {
  .desktop-xl-hide {
    display: none !important; } }

.light-grey {
  background-color: #fbfafb;
  color: #888b8d; }

.tight {
  line-height: 0; }

@media only screen and (min-width: 640px) {
  .top-pushr {
    transition: all 0.25s ease-in-out;
    position: relative; } }

.fluid-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 50.85%;
  padding-top: 30px;
  position: relative; }
  .fluid-video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.position-relative {
  position: relative; }

@media only screen and (min-width: 640px) {
  .row.inline-block .columns {
    display: inline-block;
    float: none;
    vertical-align: top; }
    .row.inline-block .columns.middle {
      vertical-align: middle; }
    .row.inline-block .columns.bottom {
      vertical-align: bottom; }
    .row.inline-block .columns.four {
      width: 20%; } }

@media only screen and (min-width: 640px) {
  .two-col-layout {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }
    .two-col-layout.align-top {
      -webkit-box-align: initial;
          -ms-flex-align: initial;
              align-items: initial; }
    .two-col-layout.reverse {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
      .two-col-layout.reverse .col:first-child {
        margin-left: 8.3333%; }
      .two-col-layout.reverse .col + .col {
        margin-left: 0; }
    .two-col-layout .col {
      display: inline-block;
      overflow: visible;
      vertical-align: middle;
      width: 45.8333%; }
      .two-col-layout .col.bottom {
        vertical-align: bottom; }
    .two-col-layout .col + .col {
      margin-left: 8.3333%; }
  .desktop-br {
    display: block; } }

.multiply {
  mix-blend-mode: multiply; }

.nobr {
  white-space: nowrap; }

.info-icon {
  cursor: pointer;
  font-size: 18px;
  vertical-align: middle;
  margin-left: 5px; }

.info-bubble {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 16px;
  line-height: 26px;
  background-color: #fff;
  color: #888b8d;
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: #9b9b9b;
  left: 20px;
  max-width: 100%;
  opacity: 0;
  padding: 25px;
  pointer-events: none;
  position: absolute;
  right: 20px;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  transition: all 300ms ease;
  z-index: 9999; }
  @media only screen and (min-width: 1024px) {
    .info-bubble {
      font-size: 18px;
      line-height: 28px; } }
  @media only screen and (min-width: 1024px) {
    .info-bubble {
      left: auto;
      max-width: 40vw;
      right: auto; } }
  .info-bubble--visible {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    opacity: 1; }

.chat-wrapper {
  bottom: 20px;
  display: none;
  position: fixed;
  right: 15px;
  transition: all 300ms ease;
  z-index: 999; }
  .chat-wrapper--hidden {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  .chat-wrapper--enabled {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
    display: block; }
  .chat-wrapper .chat-wrapper__button--chat div {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px; }
    @media only screen and (min-width: 640px) {
      .chat-wrapper .chat-wrapper__button--chat div {
        font-size: 14px;
        line-height: 22px; } }
  .chat-wrapper .chat-wrapper__button--chat .chat-wrapper__button__title {
    font-weight: 500; }
  @media only screen and (max-width: 639px) {
    .chat-wrapper .chat-wrapper__button--chat {
      display: none !important; } }
  .chat-wrapper .chat-wrapper__button--call {
    background-color: #eaeaea "!important";
    color: #888b8d; }
    .chat-wrapper .chat-wrapper__button--call .chat-wrapper__button__title {
      margin-bottom: 3px; }
  .chat-wrapper .chat-wrapper__button--call + paper-button {
    border-radius: 0; }
  .chat-wrapper .chat-wrapper__hover-bottom {
    position: relative;
    z-index: 2; }
    .chat-wrapper .chat-wrapper__hover-bottom .chat-wrapper__button {
      background: #F5F5F5;
      border-bottom: none; }
    .chat-wrapper .chat-wrapper__hover-bottom .chat-wrapper__hover-bottom__x {
      cursor: pointer;
      position: absolute;
      right: 8px;
      top: 5px; }
      .chat-wrapper .chat-wrapper__hover-bottom .chat-wrapper__hover-bottom__x i {
        font-size: 14px; }
  .chat-wrapper .chat-wrapper__hover-top {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 300ms ease;
    z-index: 1; }
    .chat-wrapper .chat-wrapper__hover-top--visible {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
      opacity: 1;
      -webkit-transform: translateY(-72px);
              transform: translateY(-72px); }
      @media only screen and (max-width: 639px) {
        .chat-wrapper .chat-wrapper__hover-top--visible {
          -webkit-transform: translateY(-58px);
                  transform: translateY(-58px); } }
  .chat-wrapper paper-button,
  .chat-wrapper .chat-wrapper__button {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    background-color: #eaeaea;
    color: #888b8d;
    border-bottom: 1px solid #dedede;
    color: inherit;
    cursor: pointer;
    display: block;
    font-weight: 500;
    height: 73px;
    margin: 0;
    padding: 14px 20px;
    width: 200px; }
    @media only screen and (min-width: 640px) {
      .chat-wrapper paper-button,
      .chat-wrapper .chat-wrapper__button {
        font-size: 14px;
        line-height: 22px; } }
    .chat-wrapper--wider .chat-wrapper__button {
      width: 245px; }
      @media only screen and (max-width: 639px) {
        .chat-wrapper--wider .chat-wrapper__button {
          width: 215px !important; } }
    @media only screen and (max-width: 639px) {
      .chat-wrapper paper-button,
      .chat-wrapper .chat-wrapper__button {
        width: 170px;
        padding: 10px 18px; } }
    .chat-wrapper paper-button:hover,
    .chat-wrapper .chat-wrapper__button:hover {
      text-decoration: none; }
    .chat-wrapper paper-button--with-icon,
    .chat-wrapper .chat-wrapper__button--with-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .chat-wrapper paper-button[disabled],
    .chat-wrapper .chat-wrapper__button[disabled] {
      display: none; }
    .chat-wrapper paper-button .chat-wrapper__icon,
    .chat-wrapper .chat-wrapper__button .chat-wrapper__icon {
      line-height: 0;
      margin-right: 15px;
      width: 45px; }
    .chat-wrapper paper-button i,
    .chat-wrapper .chat-wrapper__button i {
      color: #888b8d;
      font-size: 20px;
      margin-right: 13px; }
    .chat-wrapper paper-button:not([disabled]) .chat-wrapper__button__title,
    .chat-wrapper .chat-wrapper__button:not([disabled]) .chat-wrapper__button__title {
      color: #0f9d58;
      text-transform: uppercase; }
    .chat-wrapper paper-button:not([disabled]) i,
    .chat-wrapper .chat-wrapper__button:not([disabled]) i {
      color: #0f9d58; }
  .chat-wrapper--force-enabled {
    display: block; }
    .chat-wrapper--force-enabled paper-button[disabled] {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
  .chat-wrapper .chat-wrapper__button__subtext {
    font-weight: normal;
    color: #888b8d;
    text-transform: none; }

.paper-button-0 {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  letter-spacing: 0.75px !important;
  text-transform: uppercase !important; }
  @media only screen and (min-width: 1024px) {
    .paper-button-0 {
      font-size: 18px !important;
      font-weight: 500 !important;
      letter-spacing: 0 !important;
      line-height: 28px !important; } }

.icon.info-icon {
  color: #888b8d;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 24px;
  margin: 2px 8px 0 0;
  width: 24px; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.btn.bg-black, .section__footer.bg-black, h1.bg-black, h2.bg-black, li.bg-black, paper-button.bg-black, .bg-black {
  background-color: #000;
  color: #fff; }

.btn.bg-black-015, .section__footer.bg-black-015, h1.bg-black-015, h2.bg-black-015, li.bg-black-015, paper-button.bg-black-015, .bg-black-015 {
  background-color: rgba(0, 0, 0, 0.015);
  color: #888b8d; }

.btn.bg-black-54, .section__footer.bg-black-54, h1.bg-black-54, h2.bg-black-54, li.bg-black-54, paper-button.bg-black-54, .bg-black-54 {
  background-color: rgba(0, 0, 0, 0.54);
  color: #888b8d; }

.btn.bg-black-73, .section__footer.bg-black-73, h1.bg-black-73, h2.bg-black-73, li.bg-black-73, paper-button.bg-black-73, .bg-black-73 {
  background-color: rgba(0, 0, 0, 0.73);
  color: #888b8d; }

.btn.bg-btn-expand, .section__footer.bg-btn-expand, h1.bg-btn-expand, h2.bg-btn-expand, li.bg-btn-expand, paper-button.bg-btn-expand, .bg-btn-expand {
  background-color: #e0dddd;
  color: #888b8d; }

.btn.bg-footer-bgd, .section__footer.bg-footer-bgd, h1.bg-footer-bgd, h2.bg-footer-bgd, li.bg-footer-bgd, paper-button.bg-footer-bgd, .bg-footer-bgd {
  background-color: #f7f7f7;
  color: #888b8d; }

.btn.bg-green, .section__footer.bg-green, h1.bg-green, h2.bg-green, li.bg-green, paper-button.bg-green, .bg-green {
  background-color: #0f9d58;
  color: #fff; }

.btn.bg-grey, .section__footer.bg-grey, h1.bg-grey, h2.bg-grey, li.bg-grey, paper-button.bg-grey, .bg-grey {
  background-color: #d7d7d7;
  color: #888b8d; }

.btn.bg-grey-light, .section__footer.bg-grey-light, h1.bg-grey-light, h2.bg-grey-light, li.bg-grey-light, paper-button.bg-grey-light, .bg-grey-light {
  background-color: #fbfafb;
  color: #888b8d; }

.btn.bg-grey-light-alt, .section__footer.bg-grey-light-alt, h1.bg-grey-light-alt, h2.bg-grey-light-alt, li.bg-grey-light-alt, paper-button.bg-grey-light-alt, .bg-grey-light-alt {
  background-color: #E9E9E9;
  color: #888b8d; }

.btn.bg-hover-bg, .section__footer.bg-hover-bg, h1.bg-hover-bg, h2.bg-hover-bg, li.bg-hover-bg, paper-button.bg-hover-bg, .bg-hover-bg {
  background-color: #f5f5f5;
  color: #888b8d; }

.btn.bg-hr-element, .section__footer.bg-hr-element, h1.bg-hr-element, h2.bg-hr-element, li.bg-hr-element, paper-button.bg-hr-element, .bg-hr-element {
  background-color: #eaeaea;
  color: #888b8d; }

.btn.bg-orange, .section__footer.bg-orange, h1.bg-orange, h2.bg-orange, li.bg-orange, paper-button.bg-orange, .bg-orange {
  background-color: #ffa000;
  color: #fff; }

.btn.bg-orange-alt, .section__footer.bg-orange-alt, h1.bg-orange-alt, h2.bg-orange-alt, li.bg-orange-alt, paper-button.bg-orange-alt, .bg-orange-alt {
  background-color: #EE8100;
  color: #fff; }

.btn.bg-pink, .section__footer.bg-pink, h1.bg-pink, h2.bg-pink, li.bg-pink, paper-button.bg-pink, .bg-pink {
  background-color: #F1B0C6;
  color: #fff; }

.btn.bg-pink-dark, .section__footer.bg-pink-dark, h1.bg-pink-dark, h2.bg-pink-dark, li.bg-pink-dark, paper-button.bg-pink-dark, .bg-pink-dark {
  background-color: #E91E63;
  color: #fff; }

.btn.bg-purple, .section__footer.bg-purple, h1.bg-purple, h2.bg-purple, li.bg-purple, paper-button.bg-purple, .bg-purple {
  background-color: #8E25AA;
  color: #fff; }

.btn.bg-teal, .section__footer.bg-teal, h1.bg-teal, h2.bg-teal, li.bg-teal, paper-button.bg-teal, .bg-teal {
  background-color: #00BCD4;
  color: #fff; }

.btn.bg-white, .section__footer.bg-white, h1.bg-white, h2.bg-white, li.bg-white, paper-button.bg-white, .bg-white {
  background-color: #fff;
  color: #888b8d; }

.btn.bg-yellow, .section__footer.bg-yellow, h1.bg-yellow, h2.bg-yellow, li.bg-yellow, paper-button.bg-yellow, .bg-yellow {
  background-color: #f4b400;
  color: #fff; }

.btn.bg-yellow-light, .section__footer.bg-yellow-light, h1.bg-yellow-light, h2.bg-yellow-light, li.bg-yellow-light, paper-button.bg-yellow-light, .bg-yellow-light {
  background-color: #f8C636;
  color: #888b8d; }

.btn.bg-yellow-shadow, .section__footer.bg-yellow-shadow, h1.bg-yellow-shadow, h2.bg-yellow-shadow, li.bg-yellow-shadow, paper-button.bg-yellow-shadow, .bg-yellow-shadow {
  background-color: #F19C11;
  color: #888b8d; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.typo-h1 {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-size: 32px;
  line-height: 38px; }
  @media only screen and (min-width: 640px) {
    .typo-h1 {
      font-size: 38px;
      line-height: 44px; } }
  @media only screen and (min-width: 1024px) {
    .typo-h1 {
      font-size: 56px;
      letter-spacing: -0.5px;
      line-height: 64px; } }

.typo-h2 {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-size: 24px;
  line-height: 32px; }
  @media only screen and (min-width: 640px) {
    .typo-h2 {
      font-size: 32px;
      line-height: 40px; } }
  @media only screen and (min-width: 1024px) {
    .typo-h2 {
      font-size: 44px;
      letter-spacing: -0.5px;
      line-height: 52px; } }

.typo-h3 {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-size: 20px;
  line-height: 28px; }
  @media only screen and (min-width: 640px) {
    .typo-h3 {
      font-size: 24px;
      line-height: 32px; } }
  @media only screen and (min-width: 1024px) {
    .typo-h3 {
      font-size: 32px;
      line-height: 40px; } }

.typo-h4 {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 16px;
  line-height: 24px; }
  @media only screen and (min-width: 1024px) {
    .typo-h4 {
      font-size: 22px;
      line-height: 30px; } }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.body-emphasis strong, .body-emphasis h1, .body-emphasis h2 {
  color: #888b8d; }

.btn.body, .section__footer.body, h1.body, h2.body, h3.body, h4.body, li.body, strong.body, span.body, paper-button.body, .body {
  color: #888b8d !important; }

.body-placeholder-emphasis strong, .body-placeholder-emphasis h1, .body-placeholder-emphasis h2 {
  color: rgba(0, 0, 0, 0.26); }

.btn.body-placeholder, .section__footer.body-placeholder, h1.body-placeholder, h2.body-placeholder, h3.body-placeholder, h4.body-placeholder, li.body-placeholder, strong.body-placeholder, span.body-placeholder, paper-button.body-placeholder, .body-placeholder {
  color: rgba(0, 0, 0, 0.26) !important; }

.body-dark-emphasis strong, .body-dark-emphasis h1, .body-dark-emphasis h2 {
  color: rgba(0, 0, 0, 0.73); }

.btn.body-dark, .section__footer.body-dark, h1.body-dark, h2.body-dark, h3.body-dark, h4.body-dark, li.body-dark, strong.body-dark, span.body-dark, paper-button.body-dark, .body-dark {
  color: rgba(0, 0, 0, 0.73) !important; }

.body-light-emphasis strong, .body-light-emphasis h1, .body-light-emphasis h2 {
  color: #fff; }

.btn.body-light, .section__footer.body-light, h1.body-light, h2.body-light, h3.body-light, h4.body-light, li.body-light, strong.body-light, span.body-light, paper-button.body-light, .body-light {
  color: #fff !important; }

.black-emphasis strong, .black-emphasis h1, .black-emphasis h2 {
  color: #000; }

.btn.black, .section__footer.black, h1.black, h2.black, h3.black, h4.black, li.black, strong.black, span.black, paper-button.black, .black {
  color: #000 !important; }

.black-12-emphasis strong, .black-12-emphasis h1, .black-12-emphasis h2 {
  color: rgba(0, 0, 0, 0.12); }

.btn.black-12, .section__footer.black-12, h1.black-12, h2.black-12, h3.black-12, h4.black-12, li.black-12, strong.black-12, span.black-12, paper-button.black-12, .black-12 {
  color: rgba(0, 0, 0, 0.12) !important; }

.black-26-emphasis strong, .black-26-emphasis h1, .black-26-emphasis h2 {
  color: rgba(0, 0, 0, 0.26); }

.btn.black-26, .section__footer.black-26, h1.black-26, h2.black-26, h3.black-26, h4.black-26, li.black-26, strong.black-26, span.black-26, paper-button.black-26, .black-26 {
  color: rgba(0, 0, 0, 0.26) !important; }

.black-54-emphasis strong, .black-54-emphasis h1, .black-54-emphasis h2 {
  color: rgba(0, 0, 0, 0.54); }

.btn.black-54, .section__footer.black-54, h1.black-54, h2.black-54, h3.black-54, h4.black-54, li.black-54, strong.black-54, span.black-54, paper-button.black-54, .black-54 {
  color: rgba(0, 0, 0, 0.54) !important; }

.black-73-emphasis strong, .black-73-emphasis h1, .black-73-emphasis h2 {
  color: rgba(0, 0, 0, 0.73); }

.btn.black-73, .section__footer.black-73, h1.black-73, h2.black-73, h3.black-73, h4.black-73, li.black-73, strong.black-73, span.black-73, paper-button.black-73, .black-73 {
  color: rgba(0, 0, 0, 0.73) !important; }

.black-73-opaque-emphasis strong, .black-73-opaque-emphasis h1, .black-73-opaque-emphasis h2 {
  color: #444444; }

.btn.black-73-opaque, .section__footer.black-73-opaque, h1.black-73-opaque, h2.black-73-opaque, h3.black-73-opaque, h4.black-73-opaque, li.black-73-opaque, strong.black-73-opaque, span.black-73-opaque, paper-button.black-73-opaque, .black-73-opaque {
  color: #444444 !important; }

.green-emphasis strong, .b-p__calculator__notice .green-emphasis strong, .b-p__calculator__notice.green-emphasis strong, .green-emphasis h1, .b-p__calculator__notice .green-emphasis h1, .b-p__calculator__notice.green-emphasis h1, .green-emphasis h2, .b-p__calculator__notice .green-emphasis h2, .b-p__calculator__notice.green-emphasis h2 {
  color: #0f9d58; }

.btn.green, .section__footer.green, h1.green, h2.green, h3.green, h4.green, li.green, strong.green, span.green, paper-button.green, .green {
  color: #0f9d58 !important; }

.grey-emphasis strong, .grey-emphasis h1, .grey-emphasis h2 {
  color: #d7d7d7; }

.btn.grey, .section__footer.grey, h1.grey, h2.grey, h3.grey, h4.grey, li.grey, strong.grey, span.grey, paper-button.grey, .grey {
  color: #d7d7d7 !important; }

.grey-alt-emphasis strong, .grey-alt-emphasis h1, .grey-alt-emphasis h2 {
  color: #9b9b9b; }

.btn.grey-alt, .section__footer.grey-alt, h1.grey-alt, h2.grey-alt, h3.grey-alt, h4.grey-alt, li.grey-alt, strong.grey-alt, span.grey-alt, paper-button.grey-alt, .grey-alt {
  color: #9b9b9b !important; }

.grey-dark-emphasis strong, .grey-dark-emphasis h1, .grey-dark-emphasis h2 {
  color: #888b8d; }

.btn.grey-dark, .section__footer.grey-dark, h1.grey-dark, h2.grey-dark, h3.grey-dark, h4.grey-dark, li.grey-dark, strong.grey-dark, span.grey-dark, paper-button.grey-dark, .grey-dark {
  color: #888b8d !important; }

.grey-med-emphasis strong, .grey-med-emphasis h1, .grey-med-emphasis h2 {
  color: #8e8e8e; }

.btn.grey-med, .section__footer.grey-med, h1.grey-med, h2.grey-med, h3.grey-med, h4.grey-med, li.grey-med, strong.grey-med, span.grey-med, paper-button.grey-med, .grey-med {
  color: #8e8e8e !important; }

.orange-emphasis strong, .orange-emphasis h1, .orange-emphasis h2 {
  color: #ffa000; }

.btn.orange, .section__footer.orange, h1.orange, h2.orange, h3.orange, h4.orange, li.orange, strong.orange, span.orange, paper-button.orange, .orange {
  color: #ffa000 !important; }

.orange-alt-emphasis strong, .orange-alt-emphasis h1, .orange-alt-emphasis h2 {
  color: #EE8100; }

.btn.orange-alt, .section__footer.orange-alt, h1.orange-alt, h2.orange-alt, h3.orange-alt, h4.orange-alt, li.orange-alt, strong.orange-alt, span.orange-alt, paper-button.orange-alt, .orange-alt {
  color: #EE8100 !important; }

.pink-dark-emphasis strong, .pink-dark-emphasis h1, .pink-dark-emphasis h2 {
  color: #E91E63; }

.btn.pink-dark, .section__footer.pink-dark, h1.pink-dark, h2.pink-dark, h3.pink-dark, h4.pink-dark, li.pink-dark, strong.pink-dark, span.pink-dark, paper-button.pink-dark, .pink-dark {
  color: #E91E63 !important; }

.purple-emphasis strong, .purple-emphasis h1, .purple-emphasis h2 {
  color: #8E25AA; }

.btn.purple, .section__footer.purple, h1.purple, h2.purple, h3.purple, h4.purple, li.purple, strong.purple, span.purple, paper-button.purple, .purple {
  color: #8E25AA !important; }

.teal-emphasis strong, .teal-emphasis h1, .teal-emphasis h2 {
  color: #00BCD4; }

.btn.teal, .section__footer.teal, h1.teal, h2.teal, h3.teal, h4.teal, li.teal, strong.teal, span.teal, paper-button.teal, .teal {
  color: #00BCD4 !important; }

.text-expand-emphasis strong, .text-expand-emphasis h1, .text-expand-emphasis h2 {
  color: #c0c0c0; }

.btn.text-expand, .section__footer.text-expand, h1.text-expand, h2.text-expand, h3.text-expand, h4.text-expand, li.text-expand, strong.text-expand, span.text-expand, paper-button.text-expand, .text-expand {
  color: #c0c0c0 !important; }

.white-emphasis strong, .white-emphasis h1, .white-emphasis h2 {
  color: #fff; }

.btn.white, .section__footer.white, h1.white, h2.white, h3.white, h4.white, li.white, strong.white, span.white, paper-button.white, .white {
  color: #fff !important; }

.white-50-emphasis strong, .white-50-emphasis h1, .white-50-emphasis h2 {
  color: rgba(255, 255, 255, 0.5); }

.btn.white-50, .section__footer.white-50, h1.white-50, h2.white-50, h3.white-50, h4.white-50, li.white-50, strong.white-50, span.white-50, paper-button.white-50, .white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.yellow-emphasis strong, .yellow-emphasis h1, .yellow-emphasis h2 {
  color: #f4b400; }

.btn.yellow, .section__footer.yellow, h1.yellow, h2.yellow, h3.yellow, h4.yellow, li.yellow, strong.yellow, span.yellow, paper-button.yellow, .yellow {
  color: #f4b400 !important; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

h1 {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-size: 32px;
  line-height: 38px; }
  @media only screen and (min-width: 640px) {
    h1 {
      font-size: 38px;
      line-height: 44px; } }
  @media only screen and (min-width: 1024px) {
    h1 {
      font-size: 56px;
      letter-spacing: -0.5px;
      line-height: 64px; } }

h2 {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-size: 24px;
  line-height: 32px; }
  @media only screen and (min-width: 640px) {
    h2 {
      font-size: 32px;
      line-height: 40px; } }
  @media only screen and (min-width: 1024px) {
    h2 {
      font-size: 44px;
      letter-spacing: -0.5px;
      line-height: 52px; } }

h3 {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-size: 20px;
  line-height: 28px; }
  @media only screen and (min-width: 640px) {
    h3 {
      font-size: 24px;
      line-height: 32px; } }
  @media only screen and (min-width: 1024px) {
    h3 {
      font-size: 32px;
      line-height: 40px; } }

h4 {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 16px;
  line-height: 24px; }
  @media only screen and (min-width: 1024px) {
    h4 {
      font-size: 22px;
      line-height: 30px; } }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

paper-button,
button {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.75px;
  text-transform: uppercase; }
  @media only screen and (min-width: 1024px) {
    paper-button,
    button {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 28px; } }
  paper-button:active, paper-button:focus,
  button:active,
  button:focus {
    outline: none; }
  paper-button .play-icon,
  paper-button .arrow-icon,
  button .play-icon,
  button .arrow-icon {
    margin-right: 5px; }
    paper-button .play-icon.right,
    paper-button .arrow-icon.right,
    button .play-icon.right,
    button .arrow-icon.right {
      margin-left: 5px;
      margin-right: 0; }
  paper-button .play-icon,
  button .play-icon {
    height: 28px;
    margin-bottom: 4px;
    width: 28px; }
    @media only screen and (max-width: 639px) {
      paper-button .play-icon.right,
      button .play-icon.right {
        height: 32px;
        margin: -1px 0 0 10px;
        width: 32px; } }
  paper-button .arrow-icon,
  button .arrow-icon {
    height: 28px;
    width: 28px;
    background-color: #0f9d58;
    color: #fff;
    border-radius: 50%;
    color: #fff;
    padding: 5px;
    box-sizing: border-box; }
  paper-button .btn__icon iron-icon[icon="chevron-right"],
  button .btn__icon iron-icon[icon="chevron-right"] {
    width: 16px;
    height: 16px;
    margin-top: -1px; }
    @media only screen and (min-width: 1024px) {
      paper-button .btn__icon iron-icon[icon="chevron-right"],
      button .btn__icon iron-icon[icon="chevron-right"] {
        margin-top: -2px; } }
  paper-button.border,
  button.border {
    font-weight: 500;
    border: 2px solid white;
    padding: 4px 15px 4px; }
    paper-button.border--green,
    button.border--green {
      border-color: #0f9d58; }
      paper-button.border--green iron-icon,
      button.border--green iron-icon {
        background-color: transparent;
        color: #0f9d58; }
  paper-button:hover .cta-icon,
  button:hover .cta-icon {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    paper-button:hover .cta-icon-circle,
    button:hover .cta-icon-circle {
      stroke-dashoffset: 0; }

.btn {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  background-color: #0f9d58;
  color: #fff;
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
  position: relative;
  box-sizing: border-box;
  min-width: 5.14em;
  margin: 0 0.29em;
  border-radius: 3px;
  padding: 12px 30px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
  outline-width: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  z-index: 0;
  -webkit-font-smoothing: antialiased;
  overflow: hidden; }
  @media only screen and (min-width: 1024px) {
    .btn {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 28px; } }
  .btn::before {
    background-color: transparent;
    content: '';
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1; }
  .btn:hover::before {
    -webkit-animation: bulge 0.75s cubic-bezier(0.8, -0.295, 0, 1.65);
            animation: bulge 0.75s cubic-bezier(0.8, -0.295, 0, 1.65); }
  .btn:hover::after {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .btn:hover .hasIcon .btn__text {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .btn:hover .hasIcon .btn__icon {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .btn:focus, .btn:active {
    outline: none; }
  .btn:active {
    -webkit-transform: scale(0.97);
            transform: scale(0.97); }
  .btn__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .btn__wave-container {
    overflow: hidden;
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px; }
  .btn__wrapper.hasIcon .btn__text {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
    transition: -webkit-transform 0.25s ease-out;
    transition: transform 0.25s ease-out; }
  .btn__wrapper.hasIcon .btn__icon {
    width: 10px;
    margin-left: 10px;
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: 0.25s;
    transition-timing-function: ease-out; }
  .btn__wave {
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.15;
    position: absolute;
    transition: -webkit-transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
    .btn__wave::after {
      content: '';
      position: absolute;
      transition: -webkit-transform 0.25s ease-out;
      transition: transform 0.25s ease-out; }
    .btn__wave:hover {
      z-index: 1; }
    .btn__wave--top {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="306" height="216" viewBox="0 0 306 216"><path fill="#ffffff" d="M306 205.8V0H0v205.8S18.7 216 34.5 216c18.2 0 43.3-33.3 67.1-33.3s41 33.3 69.4 33.3 62.9-25.8 82.4-25.8 52.6 15.6 52.6 15.6z"/></svg>');
      background-position: bottom center;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); }
      .btn__wave--top::after {
        height: 50%;
        width: 100%;
        top: 100%;
        left: 0;
        -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
                clip-path: polygon(0 0, 50% 100%, 100% 0); }
      .btn__wave--top:hover {
        -webkit-transform: translateY(10px);
                transform: translateY(10px); }
    .btn__wave--right {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="216" height="306" viewBox="0 0 216 306"><path fill="#ffffff" d="M10.2 306H216V0H10.2S0 18.7 0 34.5c0 18.2 33.3 43.3 33.3 67.1S0 142.6 0 171s25.8 62.9 25.8 82.4S10.2 306 10.2 306z"/></svg>');
      background-position: center right;
      -webkit-transform: translateX(100%);
              transform: translateX(100%); }
      .btn__wave--right::after {
        height: 100%;
        width: 50%;
        right: 100%;
        top: 0;
        -webkit-clip-path: polygon(100% 100%, 0 50%, 100% 0);
                clip-path: polygon(100% 100%, 0 50%, 100% 0); }
      .btn__wave--right:hover {
        -webkit-transform: translateX(-10px);
                transform: translateX(-10px); }
    .btn__wave--bottom {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="306" height="216" viewBox="0 0 306 216"><path fill="#ffffff" d="M0 10.2V216h306V10.2S287.3 0 271.5 0c-18.2 0-43.3 33.3-67.1 33.3S163.4 0 135 0 72.1 25.8 52.6 25.8 0 10.2 0 10.2z"/></svg>');
      background-position: top center;
      -webkit-transform: translateY(100%);
              transform: translateY(100%); }
      .btn__wave--bottom::after {
        bottom: 100%;
        left: 0;
        height: 100%;
        width: 100%;
        -webkit-clip-path: polygon(0 100%, 50% 50%, 100% 100%);
                clip-path: polygon(0 100%, 50% 50%, 100% 100%); }
      .btn__wave--bottom:hover {
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px); }
    .btn__wave--left {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="216" height="306" viewBox="0 0 216 306"><path fill="#ffffff" d="M205.8 0H0v306h205.8s10.2-18.7 10.2-34.5c0-18.2-33.3-43.3-33.3-67.1s33.3-41 33.3-69.4-25.8-62.9-25.8-82.4S205.8 0 205.8 0z"/></svg>');
      background-position: center right;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%); }
      .btn__wave--left::after {
        bottom: 0;
        left: 100%;
        height: 100%;
        width: 50%;
        -webkit-clip-path: polygon(0 100%, 0 0, 100% 50%);
                clip-path: polygon(0 100%, 0 0, 100% 50%); }
      .btn__wave--left:hover {
        -webkit-transform: translateX(10px);
                transform: translateX(10px); }
  .btn svg {
    fill: currentColor; }

.btn,
paper-button {
  padding-left: 15px;
  padding-right: 15px; }
  .btn.standard-case,
  paper-button.standard-case {
    text-transform: none; }
  .btn.invite,
  paper-button.invite {
    background-color: #0f9d58;
    color: #fff;
    color: #fff; }
    .btn.invite::shadow #ripple,
    paper-button.invite::shadow #ripple {
      color: rgba(255, 255, 255, 0.5); }
  .btn iron-icon,
  paper-button iron-icon {
    transition: all 222ms ease; }
  .btn iron-icon[icon='av:play-circle-outline'],
  paper-button iron-icon[icon='av:play-circle-outline'] {
    margin-right: 8px; }
  .btn:hover iron-icon[icon='av:play-circle-outline'],
  paper-button:hover iron-icon[icon='av:play-circle-outline'] {
    margin-right: 15px; }
  .btn:hover iron-icon[icon=arrow-forward],
  .btn:hover iron-icon.play-icon,
  .btn:hover iron-icon[icon=chevron-right],
  paper-button:hover iron-icon[icon=arrow-forward],
  paper-button:hover iron-icon.play-icon,
  paper-button:hover iron-icon[icon=chevron-right] {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  .btn.sm,
  paper-button.sm {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.75px;
    text-transform: uppercase; }
    @media only screen and (min-width: 1024px) {
      .btn.sm,
      paper-button.sm {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 28px; } }
  .btn.inline,
  paper-button.inline {
    margin: 0;
    min-width: 0; }
  .btn.inverted,
  paper-button.inverted {
    background-color: #fff;
    color: #888b8d;
    color: #0f9d58; }
  .btn.arrowed,
  paper-button.arrowed {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    padding: 10px 0; }
    @media only screen and (min-width: 1024px) {
      .btn.arrowed,
      paper-button.arrowed {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 28px; } }
    .btn.arrowed::shadow .button-content,
    paper-button.arrowed::shadow .button-content {
      padding-left: 0;
      padding-right: 0; }
    .btn.arrowed::shadow #ripple,
    paper-button.arrowed::shadow #ripple {
      display: none; }

.btn,
paper-button,
button {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  background-color: #0f9d58;
  color: #fff;
  cursor: pointer; }
  @media only screen and (min-width: 1024px) {
    .btn,
    paper-button,
    button {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 28px; } }
  .btn.inverse,
  paper-button.inverse,
  button.inverse {
    background-color: #fff;
    color: #888b8d;
    color: #0f9d58; }

a .btn,
a paper-button,
a button {
  margin: 0; }

.cta-icon {
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  transition: -webkit-transform 600ms ease;
  transition: transform 600ms ease;
  margin-left: 1px; }
  .cta-icon-circle {
    stroke-dasharray: 95px;
    stroke-dashoffset: 95px;
    transition: stroke-dashoffset 600ms ease; }

.scroll-button {
  border-radius: 50%;
  color: #fff;
  background-color: #0f9d58;
  color: #fff;
  width: 30px;
  height: 30px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
  @media only screen and (min-width: 1024px) {
    .scroll-button {
      width: 45px;
      height: 45px; } }
  @media only screen and (min-width: 1440px) {
    .scroll-button {
      width: 50px;
      height: 50px; } }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.section {
  box-sizing: border-box;
  padding: 0;
  background-color: #fbfafb;
  color: #888b8d;
  position: relative;
  margin: 0 auto;
  height: inherit; }
  @media only screen and (min-width: 640px) {
    .section {
      height: 52.5vw;
      max-height: 540px; } }
  @media only screen and (min-width: 1024px) {
    .section {
      height: 43.5vw; } }
  @media only screen and (min-width: 1440px) {
    .section {
      max-width: 1440px;
      height: 540px; } }
  @media only screen and (min-width: 640px) {
    .section--has-buttons {
      margin-bottom: 84px; } }
  @media only screen and (min-width: 740px) {
    .section--has-buttons {
      margin-bottom: 0; } }
  .section .section__sliders {
    height: 100%; }
    @media only screen and (min-width: 640px) {
      .section .section__sliders .section__content .section__content__buttons {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        text-align: left; } }
  .section .btn-nav {
    width: 50%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 0;
    z-index: 13;
    color: #fff; }
    .section .btn-nav[data-nav=back] {
      left: 0; }
    .section .btn-nav[data-nav=next] {
      right: 0; }
  .section .section__images {
    width: 100%;
    height: 345px;
    position: relative;
    overflow: hidden; }
    @media only screen and (min-width: 640px) {
      .section .section__images {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1; } }
    .section .section__images img, .section .section__images video {
      position: absolute;
      min-width: 100%;
      top: 0;
      left: -100%;
      right: -100%;
      margin: 0 auto; }
      @media only screen and (min-width: 640px) {
        .section .section__images img, .section .section__images video {
          top: -100%;
          left: -100%;
          right: -100%;
          bottom: -100%;
          margin: auto;
          max-width: 140%;
          max-height: 140%;
          min-width: 100%;
          min-height: 100%; } }
    .section .section__images video {
      opacity: 1;
      transition: opacity .5s; }
      .section .section__images video.hide {
        opacity: 0; }
    .section .section__images .section__images__item {
      width: 100%;
      height: 100%; }
    .section .section__images .section__images__title {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .section .section__body {
    z-index: 14; }
    @media only screen and (min-width: 640px) {
      .section .section__body {
        width: 50%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 12;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
  .section .section__spec-image {
    position: absolute;
    top: 0;
    z-index: 11;
    width: 80%;
    height: 72.5%;
    overflow: hidden;
    left: 10%; }
    @media only screen and (min-width: 640px) {
      .section .section__spec-image {
        left: 8%;
        height: 90%;
        width: 40%; }
        .section .section__spec-image.right {
          left: 55%; } }
    .section .section__spec-image img {
      height: 100%;
      width: 100%; }
  .section .section__content {
    padding: 50px 30px 60px; }
    @media only screen and (min-width: 640px) {
      .section .section__content {
        margin: auto;
        max-width: 100%;
        padding: 0 30px;
        width: 400px; } }
    @media only screen and (min-width: 1440px) {
      .section .section__content {
        width: 500px; } }
    .section .section__content .section__content__pre-title {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 400;
      letter-spacing: 0;
      -webkit-font-smoothing: antialiased;
      text-transform: none;
      font-family: "Roboto", arial, sans-serif;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 15px; }
      @media only screen and (min-width: 1024px) {
        .section .section__content .section__content__pre-title {
          font-size: 22px;
          line-height: 30px; } }
      @media only screen and (min-width: 1440px) {
        .section .section__content .section__content__pre-title {
          margin-bottom: 30px; } }
    .section .section__content .section__content__body {
      color: #888b8d;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 16px -16px 0;
      padding: 0; }
      @media only screen and (min-width: 1440px) {
        .section .section__content .section__content__body {
          margin-top: 24px; } }
      .section .section__content .section__content__body > li {
        display: block;
        padding: 0 15px; }
      .section .section__content .section__content__body p {
        margin: 0; }
    .section .section__content .section__content__sub-body {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 400;
      letter-spacing: 0;
      -webkit-font-smoothing: antialiased;
      text-transform: none;
      font-size: 10px;
      color: #fff;
      list-style: none;
      margin-top: 40px;
      padding: 0; }
    .section .section__content .section__content__buttons {
      margin: 0;
      padding: 0;
      list-style: none; }
      @media only screen and (min-width: 640px) {
        .section .section__content .section__content__buttons {
          position: absolute;
          top: 100%;
          left: 0;
          right: 0;
          text-align: center; } }
      @media only screen and (min-width: 740px) {
        .section .section__content .section__content__buttons {
          position: static;
          top: auto;
          left: auto;
          right: auto;
          text-align: left; } }
      .section .section__content .section__content__buttons > li {
        display: inline-block; }
        .section .section__content .section__content__buttons > li:not(:last-child) {
          margin-right: 10px; }
    .section .section__content .btn,
    .section .section__content .section__content__button {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 400;
      letter-spacing: 0;
      -webkit-font-smoothing: antialiased;
      text-transform: none;
      font-family: "Roboto", arial, sans-serif;
      font-size: 14px;
      font-weight: 500;
      line-height: 20px;
      letter-spacing: 0.75px;
      text-transform: uppercase;
      margin: 20px 0 0 0;
      padding: 12px 20px; }
      @media only screen and (min-width: 1024px) {
        .section .section__content .btn,
        .section .section__content .section__content__button {
          font-size: 18px;
          font-weight: 500;
          letter-spacing: 0;
          line-height: 28px; } }
      @media only screen and (min-width: 1440px) {
        .section .section__content .btn,
        .section .section__content .section__content__button {
          margin-top: 24px;
          padding: 12px 40px; } }
  @media only screen and (min-width: 640px) {
    .section.right .section__images {
      right: initial;
      left: 0; } }
  @media only screen and (min-width: 640px) {
    .section.right .section__body {
      left: 50%; } }
  .section.center .section__body {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0; }
  .section.center .section__content {
    position: static;
    width: 100%;
    max-width: 1280px; }
  @media only screen and (min-width: 640px) {
    .section.large {
      height: 49.1vw; } }
  @media only screen and (min-width: 1440px) {
    .section.large {
      height: 707px; } }
  .section.small {
    background-color: transparent; }
    @media only screen and (min-width: 640px) {
      .section.small {
        height: 200px; } }
    @media only screen and (min-width: 1024px) {
      .section.small {
        height: 330px; } }
    .section.small .section__content {
      padding-top: 35px; }
    .section.small .section__images {
      height: 248px; }
      @media only screen and (min-width: 640px) {
        .section.small .section__images {
          height: 100%; } }
  @media only screen and (min-width: 640px) {
    .section.parallax .section__images {
      width: 50%;
      top: 50%;
      left: 50%;
      right: initial;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); } }
  @media only screen and (min-width: 1024px) {
    .section.parallax .section__images {
      width: 430px;
      height: 300px;
      top: 50%;
      left: 50%;
      right: initial;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); } }
  @media only screen and (min-width: 1440px) {
    .section.parallax .section__images {
      width: 600px;
      height: 420px; } }
  @media only screen and (min-width: 640px) {
    .section.parallax .section__images img, .section.parallax .section__images video {
      position: absolute; } }
  @media only screen and (min-width: 640px) {
    .section.parallax.right .section__images {
      right: 50%;
      left: initial; } }
  .section--slider {
    margin-bottom: 40px; }
    @media only screen and (min-width: 1024px) {
      .section--slider {
        margin-bottom: 80px; } }
    .section--slider .section__slider {
      width: 100%;
      height: 0; }
      .section--slider .section__slider .section__images,
      .section--slider .section__slider .section__body {
        opacity: 0;
        transition: opacity 2s;
        z-index: 1; }
      .section--slider .section__slider.active .section__images,
      .section--slider .section__slider.active .section__body {
        opacity: 1;
        z-index: 2; }
      @media only screen and (min-width: 640px) {
        .section--slider .section__slider.right .section__images {
          right: initial;
          left: 0; } }
      @media only screen and (min-width: 640px) {
        .section--slider .section__slider.right .section__body {
          left: 50%; } }
    .section--slider .btn-nav {
      width: 40px;
      height: 40px;
      cursor: pointer;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      .section--slider .btn-nav[data-nav=back] {
        left: 5px; }
        @media only screen and (min-width: 1024px) {
          .section--slider .btn-nav[data-nav=back] {
            left: 30px; } }
      .section--slider .btn-nav[data-nav=next] {
        right: 5px; }
        @media only screen and (min-width: 1024px) {
          .section--slider .btn-nav[data-nav=next] {
            right: 30px; } }
      .section--slider .btn-nav iron-icon {
        display: inline-block; }
        @media only screen and (min-width: 1024px) {
          .section--slider .btn-nav iron-icon {
            width: 40px;
            height: 40px; } }
    .section--slider .indicator {
      position: absolute;
      bottom: -29px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      z-index: 12; }
      @media only screen and (min-width: 1024px) {
        .section--slider .indicator {
          bottom: -39px; } }
      .section--slider .indicator .indicator__item {
        width: 60px;
        height: 2px;
        margin: 0 10px;
        background-color: #d7d7d7;
        color: #888b8d;
        position: relative; }
        @media only screen and (min-width: 1024px) {
          .section--slider .indicator .indicator__item {
            width: 80px; } }
        .section--slider .indicator .indicator__item::after {
          content: '';
          display: block;
          background-color: #0f9d58;
          color: #fff;
          width: 0;
          height: 100%; }
        .section--slider .indicator .indicator__item.active::after {
          width: 100%;
          transition: width 5s linear; }
  @media only screen and (min-width: 640px) {
    .section.js-liquid-borders {
      height: 485px; } }
  @media only screen and (min-width: 1024px) {
    .section.js-liquid-borders {
      height: 680px; } }
  .section.js-liquid-borders.hero {
    width: 100%;
    height: 460px;
    min-height: 460px;
    margin-top: 0;
    margin-bottom: 0; }
    @media screen and (min-width: 0) {
      .section.js-liquid-borders.hero {
        height: calc(460px + 100 * (100vw - 0) / 919); } }
    @media screen and (min-width: 919px) {
      .section.js-liquid-borders.hero {
        height: 560px; } }
    @media only screen and (min-width: 640px) {
      .section.js-liquid-borders.hero {
        height: 480px;
        min-height: 480px;
        margin-top: -70px;
        margin-bottom: -50px; } }
  @media only screen and (min-width: 640px) and (min-width: 920px) {
    .section.js-liquid-borders.hero {
      height: calc(480px + 200 * (100vw - 920px) / 519); } }
  @media only screen and (min-width: 640px) and (min-width: 1439px) {
    .section.js-liquid-borders.hero {
      height: 680px; } }
    @media only screen and (min-width: 1024px) {
      .section.js-liquid-borders.hero {
        height: 680px;
        min-height: 680px;
        margin-top: -70px;
        margin-bottom: -70px; } }
  @media only screen and (min-width: 1024px) and (min-width: 1440px) {
    .section.js-liquid-borders.hero {
      height: calc(680px + -600 * (100vw - 1440px) / 1560); } }
  @media only screen and (min-width: 1024px) and (min-width: 3000px) {
    .section.js-liquid-borders.hero {
      height: 80px; } }
  @media only screen and (min-width: 640px) {
    .section.js-liquid-borders.section--slider .indicator {
      bottom: 24px; } }
  @media only screen and (min-width: 1024px) {
    .section.js-liquid-borders.section--slider .indicator {
      bottom: 34px; } }
  .section.js-liquid-borders.section--slider + .main-content {
    padding-top: 30px; }
  .section.js-liquid-borders .canvas-wrapper {
    overflow: visible;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 11;
    display: none; }
    @media only screen and (min-width: 640px) {
      .section.js-liquid-borders .canvas-wrapper {
        display: inherit; } }
  @media only screen and (min-width: 640px) {
    .section + .section {
      margin-top: 50px; } }
  @media only screen and (min-width: 1440px) {
    .section + .section {
      margin-top: 70px; } }

.section-column {
  padding: 40px 0;
  text-align: center; }
  @media only screen and (min-width: 640px) {
    .section-column {
      padding: 70px 0; } }
  .section-column .list {
    margin: 0 -15px; }
    @media only screen and (min-width: 640px) {
      .section-column .list {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    @media only screen and (min-width: 1440px) {
      .section-column .list {
        width: 1100px; } }
  .section-column .item {
    padding: 30px 15px; }
    @media only screen and (min-width: 640px) {
      .section-column .item {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; } }
  @media only screen and (min-width: 640px) {
    .section-column .item__title {
      height: 2.4em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .section-column .item__description {
    margin-top: 10px; }
  .section-column paper-button {
    padding: 12px 20px; }

@media only screen and (min-width: 1024px) {
  .customer-feedback .container {
    width: 100%;
    max-width: 1440px; } }

.customer-feedback .parallax {
  height: 300px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  @media only screen and (min-width: 1440px) {
    .customer-feedback .parallax {
      height: 430px; } }
  @media only screen and (min-width: 640px) {
    .customer-feedback .parallax img {
      top: 0;
      position: absolute;
      max-height: 100%; }
      .customer-feedback .parallax img.left {
        left: 220px; }
      .customer-feedback .parallax img.right {
        right: -200px; } }
  @media only screen and (min-width: 1440px) {
    .customer-feedback .parallax img.left {
      left: 280px; }
    .customer-feedback .parallax img.right {
      right: -340px; } }

.customer-feedback, .network-of-networks {
  padding: 25px 0;
  position: relative;
  overflow: hidden; }
  @media only screen and (min-width: 640px) {
    .customer-feedback, .network-of-networks {
      padding: 50px 0; } }
  @media only screen and (min-width: 1024px) {
    .customer-feedback, .network-of-networks {
      padding: 75px 0; } }
  .customer-feedback .feedbacks, .network-of-networks .feedbacks {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center; }
    @media only screen and (min-width: 640px) {
      .customer-feedback .feedbacks, .network-of-networks .feedbacks {
        padding: 0 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    @media only screen and (min-width: 1024px) {
      .customer-feedback .feedbacks, .network-of-networks .feedbacks {
        padding: 0 50px; } }
    .customer-feedback .feedbacks .feedback, .network-of-networks .feedbacks .feedback {
      position: relative;
      text-align: left;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .customer-feedback .feedbacks .feedback:not(:last-child), .network-of-networks .feedbacks .feedback:not(:last-child) {
        margin-bottom: 50px; }
        @media only screen and (min-width: 640px) {
          .customer-feedback .feedbacks .feedback:not(:last-child), .network-of-networks .feedbacks .feedback:not(:last-child) {
            margin-right: 16px; } }
      .customer-feedback .feedbacks .feedback:last-child, .network-of-networks .feedbacks .feedback:last-child {
        display: none; }
        @media only screen and (min-width: 640px) {
          .customer-feedback .feedbacks .feedback:last-child, .network-of-networks .feedbacks .feedback:last-child {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; } }
      @media only screen and (min-width: 640px) {
        .customer-feedback .feedbacks .feedback, .network-of-networks .feedbacks .feedback {
          margin-bottom: 0 !important;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; } }
      @media only screen and (min-width: 1024px) {
        .customer-feedback .feedbacks .feedback, .network-of-networks .feedbacks .feedback {
          padding: 0 50px; } }
      .customer-feedback .feedbacks .feedback .feedback__customer-avatar, .network-of-networks .feedbacks .feedback .feedback__customer-avatar {
        width: 65px;
        height: 65px;
        border-radius: 50%;
        overflow: hidden; }
        @media only screen and (min-width: 1024px) {
          .customer-feedback .feedbacks .feedback .feedback__customer-avatar, .network-of-networks .feedbacks .feedback .feedback__customer-avatar {
            left: 30px; } }
        @media only screen and (min-width: 1440px) {
          .customer-feedback .feedbacks .feedback .feedback__customer-avatar, .network-of-networks .feedbacks .feedback .feedback__customer-avatar {
            width: 100px;
            height: 100px;
            left: 50px; } }
        .customer-feedback .feedbacks .feedback .feedback__customer-avatar img, .network-of-networks .feedbacks .feedback .feedback__customer-avatar img {
          width: 100%;
          height: 100%; }
      .customer-feedback .feedbacks .feedback .feedback__customer-name, .network-of-networks .feedbacks .feedback .feedback__customer-name {
        color: #888b8d;
        transition: all 250ms ease;
        position: relative; }
        .customer-feedback .feedbacks .feedback .feedback__customer-name:before, .network-of-networks .feedbacks .feedback .feedback__customer-name:before {
          background-color: #0f9d58;
          color: #fff;
          content: '';
          display: block;
          position: absolute;
          bottom: -2px;
          left: 0;
          right: 0;
          height: 2px;
          -webkit-transform: scaleX(0);
                  transform: scaleX(0);
          transition: inherit; }
        .customer-feedback .feedbacks .feedback .feedback__customer-name:hover:before, .network-of-networks .feedbacks .feedback .feedback__customer-name:hover:before {
          -webkit-transform: scaleX(1);
                  transform: scaleX(1); }
        .customer-feedback .feedbacks .feedback .feedback__customer-name:hover, .network-of-networks .feedbacks .feedback .feedback__customer-name:hover {
          color: #0f9d58;
          text-decoration: none; }
      .customer-feedback .feedbacks .feedback .feedback__detail, .network-of-networks .feedbacks .feedback .feedback__detail {
        padding-left: 20px;
        width: calc(100% - 65px);
        height: 100%; }
        @media only screen and (min-width: 1440px) {
          .customer-feedback .feedbacks .feedback .feedback__detail, .network-of-networks .feedbacks .feedback .feedback__detail {
            padding-left: 50px;
            width: calc(100% - 100px); } }
      .customer-feedback .feedbacks .feedback .feedback__content, .network-of-networks .feedbacks .feedback .feedback__content {
        color: #888b8d;
        position: relative;
        margin: 0 0 5px;
        height: 80%; }
        @media only screen and (min-width: 1024px) {
          .customer-feedback .feedbacks .feedback .feedback__content, .network-of-networks .feedbacks .feedback .feedback__content {
            margin-bottom: 10px;
            height: 70%; } }
        @media only screen and (min-width: 1440px) {
          .customer-feedback .feedbacks .feedback .feedback__content, .network-of-networks .feedbacks .feedback .feedback__content {
            margin-bottom: 15px; } }
        .customer-feedback .feedbacks .feedback .feedback__content:before, .network-of-networks .feedbacks .feedback .feedback__content:before {
          content: '“';
          top: 0;
          position: absolute;
          left: -10px;
          color: #00BCD4; }
        .customer-feedback .feedbacks .feedback .feedback__content:after, .network-of-networks .feedbacks .feedback .feedback__content:after {
          content: '”';
          color: #00BCD4; }

section.next-nav {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-size: 20px;
  line-height: 28px;
  padding: 30px 0; }
  @media only screen and (min-width: 640px) {
    section.next-nav {
      font-size: 24px;
      line-height: 32px; } }
  @media only screen and (min-width: 1024px) {
    section.next-nav {
      font-size: 32px;
      line-height: 40px; } }
  section.next-nav a {
    color: inherit; }
  section.next-nav a:hover {
    text-decoration: none; }
  section.next-nav .container {
    padding-right: 45px; }
  section.next-nav paper-button {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 0;
    color: #fff;
    text-transform: initial;
    position: static; }
    @media only screen and (min-width: 1024px) {
      section.next-nav paper-button {
        font-size: 22px;
        line-height: 30px; } }
    section.next-nav paper-button iron-icon,
    section.next-nav paper-button .cta-icon {
      position: absolute;
      top: 50%;
      color: #fff; }
    section.next-nav paper-button iron-icon {
      width: 24px;
      height: 24px;
      right: 15px;
      margin-top: -12px !important; }
    section.next-nav paper-button .cta-icon {
      width: 33px;
      height: 33px;
      right: 11px;
      margin-top: -16.5px !important; }
    section.next-nav paper-button:hover iron-icon {
      right: 5px; }
  @media only screen and (min-width: 640px) {
    section.next-nav {
      padding: 40px 0;
      margin-top: 50px;
      text-align: right; }
      section.next-nav paper-button::shadow .button-content {
        padding: 2px 0; }
      section.next-nav paper-button.next-icon {
        padding-right: 15px; } }
  @media only screen and (min-width: 1024px) {
    section.next-nav {
      padding: 55px 0;
      margin-top: 70px; } }

.stay-informed {
  padding: 40px 0;
  text-align: center; }
  @media only screen and (min-width: 640px) {
    .stay-informed {
      padding: 96px 0; } }
  @media only screen and (min-width: 640px) {
    .stay-informed .container {
      width: 600px;
      padding: 0; }
      .stay-informed .container:after {
        content: '';
        display: table;
        clear: both; } }
  @media only screen and (min-width: 1024px) {
    .stay-informed .container {
      width: 750px; } }
  .stay-informed .stay-informed__icon {
    width: 90px;
    height: 90px;
    margin: 0 auto; }
    @media only screen and (min-width: 640px) {
      .stay-informed .stay-informed__icon {
        margin: -10px;
        float: left; } }
    @media only screen and (min-width: 1024px) {
      .stay-informed .stay-informed__icon {
        width: 104px;
        height: 104px; } }
  .stay-informed .stay-informed__information {
    width: 180px;
    margin: 0 auto;
    padding: 10px 0 20px; }
    @media only screen and (min-width: 640px) {
      .stay-informed .stay-informed__information {
        width: 300px;
        margin: 0 40px;
        padding: 0;
        float: left;
        text-align: left; } }
    @media only screen and (min-width: 1024px) {
      .stay-informed .stay-informed__information {
        width: 425px;
        padding: 10px 0 20px; } }
    .stay-informed .stay-informed__information .stay-informed__title {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 400;
      letter-spacing: 0;
      -webkit-font-smoothing: antialiased;
      text-transform: none;
      font-family: "Roboto", arial, sans-serif;
      font-size: 16px;
      line-height: 24px;
      color: #0f9d58;
      margin-bottom: 8px; }
      @media only screen and (min-width: 1024px) {
        .stay-informed .stay-informed__information .stay-informed__title {
          font-size: 22px;
          line-height: 30px; } }
    .stay-informed .stay-informed__information .stay-informed__description {
      margin: 0; }
  .stay-informed button {
    padding: 12px 20px;
    margin: 0; }
    @media only screen and (min-width: 640px) {
      .stay-informed button {
        margin-top: 15px; } }

section.show-more, section.hidden {
  display: none; }

.show-more.show {
  display: block; }

.main-content {
  position: relative;
  z-index: 12; }

.section__content__title {
  color: #0f9d58;
  margin: 0; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

header {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  box-shadow: 0 -12px 15px 10px;
  line-height: 1.56; }
  @media only screen and (min-width: 1024px) {
    header {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 28px; } }
  @media only screen and (min-width: 1024px) {
    header {
      box-shadow: 0 -15px 15px 10px; } }
  header .clearfix {
    position: relative; }
  header .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 2; }
    @media only screen and (min-width: 1024px) {
      header .right a {
        margin-right: 20px; } }
  header.fixed {
    -webkit-transform: translate3d(0%, 0%, 1px);
    transform: translate3d(0%, 0%, 1px);
    transition: all 0.25s ease;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; }
  @media only screen and (max-width: 1023px) {
    header.header-hidden {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      transition: 0.5s;
      box-shadow: none; } }
  header .wrap, header paper-tabs {
    margin: 0 auto; }
    @media only screen and (max-width: 1023px) {
      header .wrap, header paper-tabs {
        min-height: auto; } }
  header .fill {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%; }
    header .fill paper-tabs {
      height: 100%; }
  header .logo {
    transition: all 0.25s ease;
    height: 32px;
    margin: 0 80px;
    display: block;
    text-align: center;
    position: relative;
    z-index: 1; }
    header .logo img {
      height: 32px; }
    @media only screen and (min-width: 1024px) {
      header .logo {
        height: 100%;
        margin: 0 42px 0 30px;
        max-width: 125px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        header .logo img {
          height: 50px; } }
  header .user {
    color: #d7d7d7;
    display: inline-block;
    margin: 0 25px 0 15px; }
    header .user .text {
      display: inline-block;
      margin-right: 10px; }
    header .user .avatar {
      background-image: url(../images/fpo-avatar.png);
      background-position: center;
      background-size: cover;
      border: none;
      border-radius: 50%;
      display: inline-block;
      height: 30px;
      margin-left: 5px;
      overflow: hidden;
      vertical-align: middle;
      width: 30px; }
  header .alt {
    padding: 8px 16px; }
  header app-toolbar {
    height: 50px !important;
    position: relative; }
    @media only screen and (min-width: 1024px) {
      header app-toolbar {
        height: 70px !important; } }
    header app-toolbar .right {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      position: absolute;
      right: 10px;
      top: 0; }
      @media only screen and (max-width: 1023px) {
        header app-toolbar .right .btn,
        header app-toolbar .right paper-button {
          padding: 4px 10px; } }
      @media only screen and (min-width: 1024px) {
        header app-toolbar .right {
          top: 18px;
          right: 15px; } }
    header app-toolbar paper-icon-button {
      position: absolute !important;
      left: 10px !important;
      padding: 8px !important;
      top: 4px; }
      @media only screen and (min-width: 1440px) {
        header app-toolbar paper-icon-button {
          left: 20px !important;
          padding: 3px !important; } }
  header paper-tab {
    color: #000;
    -webkit-font-smoothing: antialiased;
    padding: 25px 0 24px !important;
    margin: 0 20px; }
    header paper-tab :host {
      --paper-tab-ink: green; }
    header paper-tab[link] a {
      /* These mixins (from iron-flex-layout) center the link text. */
      @apply (--layout-horizontal);
      @apply (--layout-center-center);
      color: rgba(0, 0, 0, 0.54);
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 400;
      letter-spacing: 0;
      -webkit-font-smoothing: antialiased;
      text-transform: none;
      font-family: "Roboto", arial, sans-serif;
      font-size: 14px;
      font-weight: 500;
      line-height: 20px;
      letter-spacing: 0.75px;
      text-transform: uppercase;
      -webkit-font-smoothing: antialiased;
      text-decoration: none;
      transition: color 0.2s ease-out;
      text-transform: uppercase; }
      @media only screen and (min-width: 1024px) {
        header paper-tab[link] a {
          font-size: 18px;
          font-weight: 500;
          letter-spacing: 0;
          line-height: 28px; } }
    header paper-tab[aria-selected="true"] {
      border-bottom: 2px solid green; }
    header paper-tab:hover a,
    header paper-tab[aria-selected="true"] a,
    header paper-tab a:hover {
      color: #0f9d58 !important; }
    @media only screen and (min-width: 1440px) {
      header paper-tab {
        margin: 0 30px; } }
  header a:hover {
    text-decoration: none !important; }
  header .btn,
  header paper-button {
    margin: 0 !important;
    padding: 0 26px;
    text-align: left;
    color: #fff; }
    header .btn.invite,
    header paper-button.invite {
      padding: 8px 22px; }
      @media only screen and (max-width: 1439px) {
        header .btn.invite,
        header paper-button.invite {
          padding: 8px 5px; } }
    header .btn.plain,
    header paper-button.plain {
      color: #0f9d58;
      min-width: 0; }

header.fixed + .wrap {
  margin-top: 50px; }
  @media only screen and (min-width: 1024px) {
    header.fixed + .wrap {
      margin-top: 72px; } }

.drawer ul.nav {
  list-style: none;
  margin: 10px 0;
  padding: 0; }
  .drawer ul.nav li {
    margin: 0;
    padding: 0; }
    .drawer ul.nav li a {
      color: #000;
      transition: color 222ms ease;
      display: block;
      opacity: .5;
      padding: 10px 30px; }
      .drawer ul.nav li a:hover {
        background-color: rgba(0, 0, 0, 0.015);
        color: #888b8d;
        opacity: 1; }

app-drawer paper-toolbar a {
  outline: none; }

app-drawer paper-listbox paper-item {
  margin: 6px 0; }
  app-drawer paper-listbox paper-item a {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.54);
    position: relative;
    display: block;
    float: left;
    width: 100%;
    line-height: 48px;
    text-transform: uppercase; }
    @media only screen and (min-width: 1024px) {
      app-drawer paper-listbox paper-item a {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 28px; } }
  app-drawer paper-listbox paper-item.iron-selected a {
    color: rgba(0, 0, 0, 0.54);
    font-weight: 500; }
  app-drawer paper-listbox paper-item.element-active a {
    color: #0f9d58;
    font-weight: 500; }

app-drawer paper-listbox .separator {
  border-top: 1px solid #E9E9E9;
  height: 0;
  margin-top: 24px;
  margin-bottom: 26px; }

.referral {
  width: 100%;
  padding: 5px 16px;
  background-color: #00BCD4;
  color: #fff;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  position: relative;
  z-index: 100; }
  .referral a {
    color: inherit;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-left: 7px;
    text-transform: uppercase; }
    .referral a:hover {
      text-decoration: none; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.column,
.columns {
  box-sizing: border-box;
  float: left;
  width: 100%; }
  .column.contained img,
  .columns.contained img {
    max-width: 100%; }

@media (min-width: 640px) {
  .row.table > .columns {
    display: table-cell;
    float: none;
    vertical-align: middle; }
    .row.table > .columns:nth-child(2) {
      padding-left: 4%; } }

.row {
  margin: 0 -25px; }

.row:after,
.u-cf {
  clear: both;
  content: "";
  display: table; }

.column,
.columns {
  padding: 0 25px; }

.one.column,
.one.columns {
  width: 8.3333%; }

.two.columns {
  width: 16.6667%; }

.three.columns {
  width: 25%; }

.four.columns,
.one-third.column {
  width: 33.3333%; }

.five.columns {
  width: 41.6667%; }

.six.columns,
.one-half.column,
.half.column {
  width: 50%; }

.seven.columns {
  width: 58.3333%; }

.eight.columns,
.two-thirds.column {
  width: 66.6667%; }

.nine.columns {
  width: 75%; }

.ten.columns {
  width: 83.3333%; }

.eleven.columns {
  width: 91.6667%; }

.twelve.columns {
  width: 100%; }

/* Offsets */
.offset-by-one.column,
.offset-by-one.columns {
  margin-left: 8.3333%; }

.offset-by-two.column,
.offset-by-two.columns {
  margin-left: 16.6667%; }

.offset-by-three.column,
.offset-by-three.columns {
  margin-left: 25%; }

.offset-by-four.column,
.offset-by-four.columns {
  margin-left: 33.3333%; }

.offset-by-five.column,
.offset-by-five.columns {
  margin-left: 41.6667%; }

.offset-by-six.column,
.offset-by-six.columns {
  margin-left: 50%; }

.offset-by-seven.column,
.offset-by-seven.columns {
  margin-left: 58.3333%; }

.offset-by-eight.column,
.offset-by-eight.columns {
  margin-left: 66.6667%; }

.offset-by-nine.column,
.offset-by-nine.columns {
  margin-left: 75%; }

.offset-by-ten.column,
.offset-by-ten.columns {
  margin-left: 83.3333%; }

.offset-by-eleven.column,
.offset-by-eleven.columns {
  margin-left: 91.6667%; }

.offset-by-one-third.column,
.offset-by-one-third.columns {
  margin-left: 33.3333%; }

.offset-by-two-thirds.column,
.offset-by-two-thirds.columns {
  margin-left: 66.6667%; }

.offset-by-one-half.column,
.offset-by-one-half.columns {
  margin-left: 50%; }

@media only screen and (min-width: 640px) {
  .one-sm.column,
  .one-sm.columns {
    width: 8.3333%; }
  .two-sm.columns {
    width: 16.6667%; }
  .three-sm.columns {
    width: 25%; }
  .four-sm.columns,
  .one-third-sm.column {
    width: 33.3333%; }
  .five-sm.columns {
    width: 41.6667%; }
  .six-sm.columns,
  .one-half-sm.column,
  .half-sm.column {
    width: 50%; }
  .seven-sm.columns {
    width: 58.3333%; }
  .eight-sm.columns,
  .two-thirds-sm.column {
    width: 66.6667%; }
  .nine-sm.columns {
    width: 75%; }
  .ten-sm.columns {
    width: 83.3333%; }
  .eleven-sm.columns {
    width: 91.6667%; }
  .twelve-sm.columns {
    width: 100%; }
  /* Offsets */
  .offset-by-one-sm.column,
  .offset-by-one-sm.columns {
    margin-left: 8.3333%; }
  .offset-by-two-sm.column,
  .offset-by-two-sm.columns {
    margin-left: 16.6667%; }
  .offset-by-three-sm.column,
  .offset-by-three-sm.columns {
    margin-left: 25%; }
  .offset-by-four-sm.column,
  .offset-by-four-sm.columns {
    margin-left: 33.3333%; }
  .offset-by-five-sm.column,
  .offset-by-five-sm.columns {
    margin-left: 41.6667%; }
  .offset-by-six-sm.column,
  .offset-by-six-sm.columns {
    margin-left: 50%; }
  .offset-by-seven-sm.column,
  .offset-by-seven-sm.columns {
    margin-left: 58.3333%; }
  .offset-by-eight-sm.column,
  .offset-by-eight-sm.columns {
    margin-left: 66.6667%; }
  .offset-by-nine-sm.column,
  .offset-by-nine-sm.columns {
    margin-left: 75%; }
  .offset-by-ten-sm.column,
  .offset-by-ten-sm.columns {
    margin-left: 83.3333%; }
  .offset-by-eleven-sm.column,
  .offset-by-eleven-sm.columns {
    margin-left: 91.6667%; }
  .offset-by-one-third-sm.column,
  .offset-by-one-third-sm.columns {
    margin-left: 33.3333%; }
  .offset-by-two-thirds-sm.column,
  .offset-by-two-thirds-sm.columns {
    margin-left: 66.6667%; }
  .offset-by-one-half-sm.column,
  .offset-by-one-half-sm.columns {
    margin-left: 50%; } }

@media only screen and (min-width: 1024px) {
  .one-md.column,
  .one-md.columns {
    width: 8.3333%; }
  .two-md.columns {
    width: 16.6667%; }
  .three-md.columns {
    width: 25%; }
  .four-md.columns,
  .one-third-md.column {
    width: 33.3333%; }
  .five-md.columns {
    width: 41.6667%; }
  .six-md.columns,
  .one-half-md.column,
  .half-md.column {
    width: 50%; }
  .seven-md.columns {
    width: 58.3333%; }
  .eight-md.columns,
  .two-thirds-md.column {
    width: 66.6667%; }
  .nine-md.columns {
    width: 75%; }
  .ten-md.columns {
    width: 83.3333%; }
  .eleven-md.columns {
    width: 91.6667%; }
  .twelve-md.columns {
    width: 100%; }
  /* Offsets */
  .offset-by-one-md.column,
  .offset-by-one-md.columns {
    margin-left: 8.3333%; }
  .offset-by-two-md.column,
  .offset-by-two-md.columns {
    margin-left: 16.6667%; }
  .offset-by-three-md.column,
  .offset-by-three-md.columns {
    margin-left: 25%; }
  .offset-by-four-md.column,
  .offset-by-four-md.columns {
    margin-left: 33.3333%; }
  .offset-by-five-md.column,
  .offset-by-five-md.columns {
    margin-left: 41.6667%; }
  .offset-by-six-md.column,
  .offset-by-six-md.columns {
    margin-left: 50%; }
  .offset-by-seven-md.column,
  .offset-by-seven-md.columns {
    margin-left: 58.3333%; }
  .offset-by-eight-md.column,
  .offset-by-eight-md.columns {
    margin-left: 66.6667%; }
  .offset-by-nine-md.column,
  .offset-by-nine-md.columns {
    margin-left: 75%; }
  .offset-by-ten-md.column,
  .offset-by-ten-md.columns {
    margin-left: 83.3333%; }
  .offset-by-eleven-md.column,
  .offset-by-eleven-md.columns {
    margin-left: 91.6667%; }
  .offset-by-one-third-md.column,
  .offset-by-one-third-md.columns {
    margin-left: 33.3333%; }
  .offset-by-two-thirds-md.column,
  .offset-by-two-thirds-md.columns {
    margin-left: 66.6667%; }
  .offset-by-one-half-md.column,
  .offset-by-one-half-md.columns {
    margin-left: 50%; } }

@media only screen and (min-width: 1440px) {
  .one-lg.column,
  .one-lg.columns {
    width: 8.3333%; }
  .two-lg.columns {
    width: 16.6667%; }
  .three-lg.columns {
    width: 25%; }
  .four-lg.columns,
  .one-third-lg.column {
    width: 33.3333%; }
  .five-lg.columns {
    width: 41.6667%; }
  .six-lg.columns,
  .one-half-lg.column,
  .half-lg.column {
    width: 50%; }
  .seven-lg.columns {
    width: 58.3333%; }
  .eight-lg.columns,
  .two-thirds-lg.column {
    width: 66.6667%; }
  .nine-lg.columns {
    width: 75%; }
  .ten-lg.columns {
    width: 83.3333%; }
  .eleven-lg.columns {
    width: 91.6667%; }
  .twelve-lg.columns {
    width: 100%; }
  /* Offsets */
  .offset-by-one-lg.column,
  .offset-by-one-lg.columns {
    margin-left: 8.3333%; }
  .offset-by-two-lg.column,
  .offset-by-two-lg.columns {
    margin-left: 16.6667%; }
  .offset-by-three-lg.column,
  .offset-by-three-lg.columns {
    margin-left: 25%; }
  .offset-by-four-lg.column,
  .offset-by-four-lg.columns {
    margin-left: 33.3333%; }
  .offset-by-five-lg.column,
  .offset-by-five-lg.columns {
    margin-left: 41.6667%; }
  .offset-by-six-lg.column,
  .offset-by-six-lg.columns {
    margin-left: 50%; }
  .offset-by-seven-lg.column,
  .offset-by-seven-lg.columns {
    margin-left: 58.3333%; }
  .offset-by-eight-lg.column,
  .offset-by-eight-lg.columns {
    margin-left: 66.6667%; }
  .offset-by-nine-lg.column,
  .offset-by-nine-lg.columns {
    margin-left: 75%; }
  .offset-by-ten-lg.column,
  .offset-by-ten-lg.columns {
    margin-left: 83.3333%; }
  .offset-by-eleven-lg.column,
  .offset-by-eleven-lg.columns {
    margin-left: 91.6667%; }
  .offset-by-one-third-lg.column,
  .offset-by-one-third-lg.columns {
    margin-left: 33.3333%; }
  .offset-by-two-thirds-lg.column,
  .offset-by-two-thirds-lg.columns {
    margin-left: 66.6667%; }
  .offset-by-one-half-lg.column,
  .offset-by-one-half-lg.columns {
    margin-left: 50%; } }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

input.glass {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 0;
  box-sizing: border-box;
  color: #fff;
  transition: all 300ms ease-out;
  padding: 10px;
  width: 100%; }
  input.glass:focus {
    border-bottom: 2px solid white;
    outline: none; }

paper-fab.right {
  float: right; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

footer {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
  color: #888b8d;
  background-color: #f7f7f7;
  color: #888b8d;
  padding: 40px 0;
  position: relative; }
  @media only screen and (min-width: 640px) {
    footer {
      font-size: 14px;
      line-height: 22px; } }
  @media only screen and (max-width: 639px) {
    footer {
      padding: 56px 0 40px; } }
  footer .logo {
    margin: 0 0 32px;
    line-height: 1; }
    @media only screen and (max-width: 639px) {
      footer .logo {
        margin-bottom: 15px; } }
    footer .logo img {
      max-height: 22px; }
  footer .title {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.73);
    margin-bottom: 16px; }
    @media only screen and (min-width: 1024px) {
      footer .title {
        font-size: 14px;
        letter-spacing: 1.5px; } }
  footer ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    footer ul li {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 400;
      letter-spacing: 0;
      -webkit-font-smoothing: antialiased;
      text-transform: none;
      font-family: "Roboto", arial, sans-serif;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 20px;
      margin-bottom: 8px; }
      @media only screen and (min-width: 640px) {
        footer ul li {
          font-size: 14px;
          line-height: 22px; } }
      footer ul li:last-child {
        margin-bottom: 24px; }
        @media only screen and (min-width: 640px) {
          footer ul li:last-child {
            margin-bottom: 8px; } }
  footer a {
    color: inherit;
    text-decoration: none; }
  footer .page-links {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      footer .page-links {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 28px; } }
    @media only screen and (min-width: 640px) {
      footer .page-links {
        text-align: left; } }
    footer .page-links > * {
      margin: 0 16px; }
      footer .page-links > *:first-child {
        margin-left: 0; }
      footer .page-links > *:last-child {
        margin-right: 0; }
  footer hr {
    border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
    border: none;
    margin: 24px 0 !important;
    width: 100% !important; }
    @media only screen and (min-width: 640px) {
      footer hr {
        margin: 32px 0 !important; } }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.hero .section__images {
  bottom: 0;
  height: auto;
  left: 0 !important;
  padding: 0 !important;
  position: absolute;
  right: 0 !important;
  top: 0;
  width: auto; }

.hero .section__body {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0; }
  @media only screen and (min-width: 640px) {
    .hero .section__body {
      right: auto; } }

@media only screen and (max-width: 639px) {
  .hero {
    height: 460px; }
    .hero .section__content {
      padding: 20px 20px 50px; }
    .hero.large {
      height: 475px; } }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@media only screen and (max-width: 639px) {
  body.plan .data-limit .section__images {
    position: relative; }
    body.plan .data-limit .section__images img {
      width: 400px;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }

@media only screen and (min-width: 1024px) {
  body.plan .data-limit {
    max-height: 345px; } }

@media only screen and (min-width: 1440px) {
  body.plan .data-limit {
    max-height: 100%; } }

body.plan .data-limit .section__images {
  bottom: 0;
  top: inherit;
  -webkit-transform: none;
          transform: none; }

body.plan .plan-features {
  background-color: #fbfafb;
  color: #888b8d;
  padding: 50px 0; }
  @media only screen and (min-width: 1024px) {
    body.plan .plan-features {
      padding: 96px 0 92px; } }
  body.plan .plan-features__sub-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
  body.plan .plan-features__hr {
    background-color: #0f9d58;
    color: #fff;
    border: none;
    display: none;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 4px;
    margin: 50px 48px 0 0;
    width: 96px; }
    @media only screen and (min-width: 1440px) {
      body.plan .plan-features__hr {
        display: inline-block; } }
  body.plan .plan-features .plan-features__header {
    margin-bottom: 24px;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      body.plan .plan-features .plan-features__header {
        margin-bottom: 8px;
        text-align: left; } }
  @media only screen and (min-width: 1440px) {
    body.plan .plan-features .container {
      padding: 0 45px; } }
  body.plan .plan-features .plan-features__description {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 66px;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      body.plan .plan-features .plan-features__description {
        font-size: 22px;
        line-height: 30px; } }
    @media only screen and (min-width: 1024px) {
      body.plan .plan-features .plan-features__description {
        text-align: left; } }
  body.plan .plan-features .features {
    margin: 0 auto; }
    @media only screen and (min-width: 1024px) {
      body.plan .plan-features .features {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        text-align: left; } }
  body.plan .plan-features .features__main .description,
  body.plan .plan-features .features__sub .description {
    margin-top: 0; }
    @media only screen and (min-width: 1024px) {
      body.plan .plan-features .features__main .description,
      body.plan .plan-features .features__sub .description {
        margin: 0; } }
  body.plan .plan-features .features__main {
    border: none;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 30px; }
    @media only screen and (min-width: 1024px) {
      body.plan .plan-features .features__main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        border-bottom: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin: 0 0 72px; } }
  body.plan .plan-features .features__main__item {
    max-width: 270px;
    min-height: 50px;
    margin: 0 auto 40px;
    position: relative;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      body.plan .plan-features .features__main__item {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0;
        margin-right: 32px;
        min-height: 80px;
        text-align: left; }
        body.plan .plan-features .features__main__item:last-child {
          margin-bottom: 0;
          margin-right: 0; } }
    @media only screen and (min-width: 1440px) {
      body.plan .plan-features .features__main__item {
        margin-right: 50px; } }
    body.plan .plan-features .features__main__item .icon {
      width: 105px;
      height: 105px;
      margin: 0 auto; }
      @media only screen and (min-width: 1024px) {
        body.plan .plan-features .features__main__item .icon {
          width: 100px;
          height: 100px;
          left: -10px; } }
    @media only screen and (min-width: 1024px) {
      body.plan .plan-features .features__main__item .features__main__item__col {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; } }
    body.plan .plan-features .features__main__item .features__main__item__col .title {
      color: rgba(0, 0, 0, 0.73);
      font-family: "Google Sans", arial, sans-serif; }
    body.plan .plan-features .features__main__item .features__main__item__col--icon {
      margin: 0 auto;
      width: 100px; }
      @media only screen and (min-width: 1024px) {
        body.plan .plan-features .features__main__item .features__main__item__col--icon {
          margin: 0; } }
    body.plan .plan-features .features__main__item .features__main__item__col--text {
      width: 100%; }
    body.plan .plan-features .features__main__item__title {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 400;
      letter-spacing: 0;
      -webkit-font-smoothing: antialiased;
      text-transform: none;
      font-size: 20px;
      line-height: 28px;
      color: rgba(0, 0, 0, 0.73); }
      @media only screen and (min-width: 640px) {
        body.plan .plan-features .features__main__item__title {
          font-size: 24px;
          line-height: 32px; } }
      @media only screen and (min-width: 1024px) {
        body.plan .plan-features .features__main__item__title {
          font-size: 32px;
          line-height: 40px; } }
      @media only screen and (min-width: 1024px) {
        body.plan .plan-features .features__main__item__title {
          margin: 0; } }
    body.plan .plan-features .features__main__item__cost {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 400;
      letter-spacing: 0;
      -webkit-font-smoothing: antialiased;
      text-transform: none;
      font-size: 20px;
      line-height: 28px;
      color: #0f9d58; }
      @media only screen and (min-width: 640px) {
        body.plan .plan-features .features__main__item__cost {
          font-size: 24px;
          line-height: 32px; } }
      @media only screen and (min-width: 1024px) {
        body.plan .plan-features .features__main__item__cost {
          font-size: 32px;
          line-height: 40px; } }
  @media only screen and (min-width: 1024px) {
    body.plan .plan-features .features__sub {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  body.plan .plan-features .features__sub__title {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.73);
    margin-bottom: 8px; }
    @media only screen and (min-width: 1024px) {
      body.plan .plan-features .features__sub__title {
        font-size: 22px;
        line-height: 30px; } }
  body.plan .plan-features .features__sub__title, body.plan .plan-features .features__sub__description {
    max-width: 384px;
    margin: auto; }
    @media only screen and (min-width: 1024px) {
      body.plan .plan-features .features__sub__title, body.plan .plan-features .features__sub__description {
        margin: 0; } }
  body.plan .plan-features .features__sub__description {
    margin-top: 8px; }
  body.plan .plan-features .features__sub__col:last-child .features__sub__item:last-child {
    margin-bottom: 0; }
  body.plan .plan-features .features__sub__item {
    margin-bottom: 40px;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      body.plan .plan-features .features__sub__item {
        display: block;
        height: 100px;
        text-align: left; } }

body.plan .works-internationally {
  padding: 50px 0; }
  @media only screen and (min-width: 1024px) {
    body.plan .works-internationally {
      padding: 100px 0; } }
  @media only screen and (min-width: 1024px) {
    body.plan .works-internationally .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media only screen and (min-width: 1440px) {
    body.plan .works-internationally .container {
      padding: 0 45px; } }
  @media only screen and (min-width: 1024px) {
    body.plan .works-internationally .works-internationally__header {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: 15px; } }
  @media only screen and (min-width: 1440px) {
    body.plan .works-internationally .works-internationally__header {
      margin-right: 50px; } }
  @media only screen and (min-width: 1024px) {
    body.plan .works-internationally .works-internationally__header .works-internationally__header__icon {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: 100px; } }
  @media only screen and (min-width: 1024px) {
    body.plan .works-internationally .works-internationally__header .works-internationally__header__text {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: 100%; } }
  body.plan .works-internationally .works-internationally__header .icon {
    width: 100px;
    height: 100px;
    margin: 0 auto; }
    @media only screen and (min-width: 1024px) {
      body.plan .works-internationally .works-internationally__header .icon {
        margin: -10px; } }
  body.plan .works-internationally .works-internationally__header .works-internationally__header__title {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-size: 20px;
    line-height: 28px;
    color: #00BCD4;
    text-align: center;
    margin: 15px 0 30px;
    width: 100%; }
    @media only screen and (min-width: 640px) {
      body.plan .works-internationally .works-internationally__header .works-internationally__header__title {
        font-size: 24px;
        line-height: 32px; } }
    @media only screen and (min-width: 1024px) {
      body.plan .works-internationally .works-internationally__header .works-internationally__header__title {
        font-size: 32px;
        line-height: 40px; } }
    @media only screen and (min-width: 1024px) {
      body.plan .works-internationally .works-internationally__header .works-internationally__header__title {
        text-align: left;
        padding-left: 30px;
        margin: 0; } }
  @media only screen and (min-width: 1024px) {
    body.plan .works-internationally .works-internationally__body {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-left: 15px; } }
  @media only screen and (min-width: 1440px) {
    body.plan .works-internationally .works-internationally__body {
      margin-left: 50px; } }
  body.plan .works-internationally .works-internationally__body .works-internationally__body__item {
    font-weight: 400;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      body.plan .works-internationally .works-internationally__body .works-internationally__body__item {
        text-align: left; } }
    body.plan .works-internationally .works-internationally__body .works-internationally__body__item:not(:last-child) {
      margin-bottom: 15px; }
      @media only screen and (min-width: 1440px) {
        body.plan .works-internationally .works-internationally__body .works-internationally__body__item:not(:last-child) {
          margin-bottom: 30px; } }

body.plan .next-nav {
  margin-top: 0; }

.b-p {
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-height: none;
  text-align: center;
  width: 100%;
  max-width: none; }
  .b-p__animation {
    max-width: 608px;
    padding: 0 16px;
    margin: auto;
    width: 100%; }
    @supports (-ms-ime-align: auto) {
      .b-p__animation {
        display: none; } }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .b-p__animation {
        display: none; } }
  .b-p .info-bubble--visible {
    pointer-events: all; }
  .b-p__summary {
    background-color: #fbfafb;
    color: #888b8d;
    padding-bottom: 96px;
    padding-top: 96px;
    width: 100%; }
    .b-p__summary__image {
      display: none; }
      @supports (-ms-ime-align: auto) {
        .b-p__summary__image {
          display: block;
          margin: 0 auto 32px; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .b-p__summary__image {
          display: block;
          margin: 0 auto 32px; } }
    .b-p__summary__header {
      margin-bottom: 32px; }
    .b-p__summary__dropdown {
      color: rgba(0, 0, 0, 0.54);
      font-family: "Roboto", arial, sans-serif;
      margin-bottom: 32px; }
    .b-p__summary__body {
      font-family: "Roboto", arial, sans-serif;
      margin: 0 auto;
      max-width: 800px; }
  .b-p__shield-span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .b-p__shield-span img {
      margin: 0 10px; }
  .b-p__calculator {
    padding: 80px 20px 88px;
    max-width: 824px; }
    .b-p__calculator__divider {
      border-color: rgba(0, 0, 0, 0.12);
      margin: 0 auto 24px;
      width: 100%; }
    .b-p__calculator__header {
      margin-bottom: 24px; }
    .b-p__calculator__choose-lines {
      margin-bottom: 64px; }
    .b-p__calculator__label {
      text-align: left; }
      .b-p__calculator__label strong {
        color: #0f9d58; }
      .b-p__calculator__label--centered {
        text-align: center; }
    .b-p__calculator__notice {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 24px 0 40px;
      text-align: left; }
    .b-p__calculator__plan {
      margin: 24px auto; }
      @media only screen and (min-width: 1024px) {
        .b-p__calculator__plan {
          margin: 0 auto 24px; } }
      .b-p__calculator__plan__row {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 0; }
        .b-p__calculator__plan__row--disclaimer {
          font-family: "Google Sans", arial, sans-serif;
          font-weight: 400;
          letter-spacing: 0;
          -webkit-font-smoothing: antialiased;
          text-transform: none;
          font-family: "Roboto", arial, sans-serif;
          font-size: 12px;
          font-weight: 500;
          letter-spacing: 1.25px;
          text-transform: uppercase;
          color: #9b9b9b;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          margin: 0; }
          @media only screen and (min-width: 1024px) {
            .b-p__calculator__plan__row--disclaimer {
              font-size: 14px;
              letter-spacing: 1.5px; } }
        .b-p__calculator__plan__row--total-breakdown {
          margin: 0 auto; }
          .b-p__calculator__plan__row--total-breakdown *:first-child {
            text-align: left; }
        .b-p__calculator__plan__row--vertical {
          display: block; }
          .b-p__calculator__plan__row--vertical .b-p__calculator__label {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            margin-bottom: 24px; }
    .b-p__calculator__total {
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
      border-radius: 6px;
      margin: 0;
      width: 100%; }
      .b-p__calculator__total__final, .b-p__calculator__total__breakdown {
        border: 1px solid rgba(0, 0, 0, 0.12);
        padding: 24px; }
      .b-p__calculator__total__final {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
      .b-p__calculator__total__breakdown {
        border-top: none;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px; }
    .b-p__calculator__slider {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .b-p__calculator__slider--touched .b-p__slider__try-it {
        display: none; }
      @media only screen and (min-width: 1024px) {
        .b-p__calculator__slider {
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; } }
      .b-p__calculator__slider__container {
        margin-bottom: 48px;
        position: relative;
        width: 100%; }
      .b-p__calculator__slider__value {
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin-bottom: 8px; }
        @media only screen and (min-width: 1024px) {
          .b-p__calculator__slider__value {
            margin-bottom: 0; } }
  .b-p__slider__try-it {
    margin-left: -4px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: -34px;
    -webkit-transform: translateX(-6px);
            transform: translateX(-6px);
    z-index: 200; }
    .b-p__slider__try-it__arrow {
      background-color: #F19C11;
      color: #888b8d;
      border-radius: 2px;
      bottom: -6px;
      height: 13px;
      left: 12px;
      position: absolute;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      width: 13px;
      z-index: 1; }
    .b-p__slider__try-it__bubble {
      background-color: #f4b400;
      color: #fff;
      border-radius: 12px;
      color: #fff;
      padding: 3px 13px;
      position: relative;
      white-space: nowrap;
      z-index: 2; }
  .b-p__slider__fill {
    border: 5px solid white;
    border-radius: 24px;
    height: 24px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -5px;
    z-index: 5; }
    .b-p__slider__fill--bg {
      background-color: #f5f5f5;
      color: #888b8d; }
    .b-p__slider__fill--paid {
      background-color: #00BCD4;
      color: #fff;
      border-radius: 24px 0 0 24px;
      border-right: none;
      z-index: 7; }
    .b-p__slider__fill--free-high-speed {
      background-color: #0f9d58;
      color: #fff;
      border-left: none;
      border-radius: 0 24px 24px 0;
      z-index: 6; }
    .b-p__slider__fill--after-high-speed {
      background-color: #f8C636;
      color: #888b8d; }
  .b-p__slider__paid-limit {
    pointer-events: none;
    position: absolute;
    z-index: 20; }
    .b-p__slider__paid-limit__line {
      background-color: #0f9d58;
      color: #fff;
      border: 2px solid white;
      height: 31px;
      margin-top: -2px;
      width: 6px; }
    .b-p__slider__paid-limit__value {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #0f9d58;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-left: -29px; }
      .b-p__slider__paid-limit__value img {
        margin-right: 8px; }
  .b-p__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid;
    background-color: transparent;
    background-image: url(../images/icon/drop_down.svg);
    background-repeat: no-repeat;
    background-position: right 7px center;
    background-size: 10px auto;
    border-radius: 3px;
    font-size: inherit;
    margin: 0 10px;
    padding: 6px 22px 6px 7px; }
    @media only screen and (min-width: 1024px) {
      .b-p__select {
        background-position: right 16px center;
        background-size: auto;
        padding: 7.5px 48px 9.5px 16px; } }
    .b-p__select::-ms-expand {
      display: none; }
    .b-p__select.green {
      color: #0f9d58;
      background-image: url(../images/icon/drop_down--green.svg); }
    .b-p__select.teal {
      color: #00BCD4;
      background-image: url(../images/icon/drop_down--teal.svg); }
  .b-p paper-slider.b-p__slider {
    width: 100%;
    background: none !important;
    border-radius: 14px;
    position: relative;
    height: 14px; }
    .b-p paper-slider.b-p__slider.b-p__slider--after-bill-protection #sliderKnob .slider-knob-inner {
      background-color: #0f9d58;
      color: #fff; }
    .b-p paper-slider.b-p__slider.b-p__slider--after-high-speed-individual #sliderKnob .slider-knob-inner {
      background-color: #f8C636;
      color: #888b8d; }
    .b-p paper-slider.b-p__slider .paper-progress {
      display: none; }
    .b-p paper-slider.b-p__slider #sliderKnob {
      height: 20px;
      margin-top: 3px;
      width: 20px;
      z-index: 100; }
      .b-p paper-slider.b-p__slider #sliderKnob .slider-knob-inner {
        background-color: #00BCD4;
        color: #fff;
        border: none;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.95);
        cursor: pointer;
        height: 26px;
        position: relative;
        margin-left: 3px;
        margin-top: 1px;
        width: 26px; }
        @media only screen and (min-width: 1440px) {
          .b-p paper-slider.b-p__slider #sliderKnob .slider-knob-inner {
            margin-top: 0;
            height: 25px;
            width: 25px; } }
      .b-p paper-slider.b-p__slider #sliderKnob paper-ripple {
        display: none !important; }

.features__main__item__col__header {
  margin-bottom: 8px; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@media only screen and (max-width: 639px) {
  body.phones .hero {
    height: 560px; } }

body.phones .section__slider .section__content {
  max-width: 80%; }

body.phones .section__slider .section__content__title {
  padding-left: 0; }

body.phones .section__slider .section__content__buttons {
  padding-left: 0;
  display: block !important; }

body.phones .section__slider .section__content__button {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.75px;
  text-transform: uppercase; }
  @media only screen and (min-width: 1024px) {
    body.phones .section__slider .section__content__button {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 28px; } }
  @media only screen and (max-width: 639px) {
    body.phones .section__slider .section__content__button {
      padding: 12px 14px; } }

body.phones .section__slider .section__bottom-link {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-size: 10px;
  position: absolute;
  bottom: 15px;
  left: 0;
  z-index: 14;
  width: 100%;
  padding: 0 20px; }
  body.phones .section__slider .section__bottom-link a {
    color: #fff;
    text-decoration: none;
    position: relative; }
    body.phones .section__slider .section__bottom-link a::after {
      content: '';
      display: block;
      width: 0;
      border-bottom: 1px solid white;
      position: absolute;
      bottom: -2px;
      left: 0;
      transition: all .3s ease; }
    body.phones .section__slider .section__bottom-link a:hover::after {
      width: 100%; }
  @media only screen and (min-width: 640px) {
    body.phones .section__slider .section__bottom-link {
      text-align: right;
      padding-right: 40px; }
      body.phones .section__slider .section__bottom-link.left {
        text-align: left; } }

body.phones .fi-phones {
  padding: 40px 0 20px; }
  @media only screen and (min-width: 1024px) {
    body.phones .fi-phones {
      padding: 0 0 80px; } }
  body.phones .fi-phones .container {
    width: 100%;
    padding: 64px 0 40px;
    margin: 0;
    background-color: #fbfafb;
    color: #888b8d; }
  body.phones .fi-phones .fi-phones__header {
    padding: 0 32px;
    text-align: center; }
    body.phones .fi-phones .fi-phones__header__description {
      margin: 20px auto 0; }
      @media only screen and (min-width: 640px) {
        body.phones .fi-phones .fi-phones__header__description {
          width: 460px;
          margin-top: 20px; } }
      @media only screen and (min-width: 1024px) {
        body.phones .fi-phones .fi-phones__header__description {
          width: 736px; } }
  body.phones .fi-phones .fi-phones__list {
    background-color: #fbfafb;
    color: #888b8d;
    padding: 0 20px; }
    @media only screen and (min-width: 640px) {
      body.phones .fi-phones .fi-phones__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  body.phones .fi-phones .fi-phones__expand {
    display: none; }
    @media only screen and (min-width: 640px) {
      body.phones .fi-phones .fi-phones__expand {
        display: block; } }
  body.phones .fi-phones .details {
    display: none;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea; }
    body.phones .fi-phones .details.expand {
      display: block; }
      @media only screen and (min-width: 1024px) {
        body.phones .fi-phones .details.expand {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
    @media only screen and (min-width: 640px) {
      body.phones .fi-phones .details.init {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    @media only screen and (min-width: 640px) and (max-width: 1023px) {
      body.phones .fi-phones .details.init {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    body.phones .fi-phones .details .btn-compare {
      margin-top: 10px; }
      body.phones .fi-phones .details .btn-compare iron-icon[icon="chevron-right"] {
        width: 16px;
        height: 16px;
        margin-top: -1px; }
        @media only screen and (min-width: 1024px) {
          body.phones .fi-phones .details .btn-compare iron-icon[icon="chevron-right"] {
            margin-top: -2px; } }
    body.phones .fi-phones .details .details__column {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      body.phones .fi-phones .details .details__column:first-child {
        border-right: 1px solid #eaeaea; }
    body.phones .fi-phones .details .carousel {
      margin: 0 auto;
      max-width: 360px;
      padding: 20px 20px 0; }
      @media only screen and (min-width: 1024px) {
        body.phones .fi-phones .details .carousel {
          margin-top: 50px;
          max-width: 500px;
          padding: 20px 20px 60px; } }
    body.phones .fi-phones .details .details__describe {
      padding: 50px 20px;
      border-top: 1px solid #eaeaea; }
      @media only screen and (min-width: 640px) {
        body.phones .fi-phones .details .details__describe {
          padding: 50px;
          border-top: 0; } }
      body.phones .fi-phones .details .details__describe .details__description {
        margin-top: 20px; }
      body.phones .fi-phones .details .details__describe .details__subtitle {
        color: #888b8d;
        margin: 20px 0 40px; }
        @media only screen and (min-width: 640px) {
          body.phones .fi-phones .details .details__describe .details__subtitle {
            margin: 20px 0; } }
        @media only screen and (min-width: 1024px) {
          body.phones .fi-phones .details .details__describe .details__subtitle {
            margin: 40px 0 20px; } }
      body.phones .fi-phones .details .details__describe .details__price-callout {
        color: #444444;
        display: block; }
        @media only screen and (min-width: 640px) {
          body.phones .fi-phones .details .details__describe .details__price-callout {
            display: inline; } }
      body.phones .fi-phones .details .details__describe .button-link:not(:last-child) {
        margin-right: 20px; }
    body.phones .fi-phones .details .details__promo {
      background-color: #00BCD4;
      color: #fff;
      color: #fff;
      padding: 20px 50px; }
      body.phones .fi-phones .details .details__promo a {
        color: inherit;
        font-weight: bold;
        text-decoration: none; }
    body.phones .fi-phones .details .details__specs {
      padding: 0 20px;
      border-top: 1px solid #eaeaea;
      text-align: center; }
      @media only screen and (min-width: 640px) {
        body.phones .fi-phones .details .details__specs {
          padding: 30px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      @media only screen and (min-width: 1024px) {
        body.phones .fi-phones .details .details__specs {
          padding: 40px 60px; } }
      body.phones .fi-phones .details .details__specs .details__specs__item {
        padding: 35px 0;
        border-top: 1px solid #eaeaea; }
        body.phones .fi-phones .details .details__specs .details__specs__item:first-child {
          border: 0; }
        @media only screen and (min-width: 640px) {
          body.phones .fi-phones .details .details__specs .details__specs__item {
            padding: 35px 20px;
            width: 50%; }
            body.phones .fi-phones .details .details__specs .details__specs__item:nth-child(2) {
              border: 0; }
            body.phones .fi-phones .details .details__specs .details__specs__item:nth-child(2n + 1) {
              border-right: 1px solid #eaeaea; } }
      body.phones .fi-phones .details .details__specs .details__specs__value {
        font-family: "Google Sans", arial, sans-serif;
        font-weight: 400;
        letter-spacing: 0;
        -webkit-font-smoothing: antialiased;
        text-transform: none;
        font-family: "Roboto", arial, sans-serif;
        font-size: 16px;
        line-height: 24px;
        color: #888b8d;
        margin-top: 10px; }
        @media only screen and (min-width: 1024px) {
          body.phones .fi-phones .details .details__specs .details__specs__value {
            font-size: 22px;
            line-height: 30px; } }
  body.phones .fi-phones .phone {
    padding: 30px 0 10px; }
    @media only screen and (min-width: 640px) {
      body.phones .fi-phones .phone {
        margin: 0 12px;
        width: 275px; } }
    @media only screen and (min-width: 1024px) {
      body.phones .fi-phones .phone {
        margin: 0 20px;
        width: 360px; } }
    body.phones .fi-phones .phone__content:hover {
      cursor: pointer; }
    body.phones .fi-phones .phone .phone__thumbnail {
      width: 100%;
      height: auto;
      max-width: 400px;
      margin: 0 auto; }
      @media only screen and (min-width: 1024px) {
        body.phones .fi-phones .phone .phone__thumbnail {
          height: 281px; } }
      body.phones .fi-phones .phone .phone__thumbnail img {
        max-width: 100%;
        max-height: 100%; }
    body.phones .fi-phones .phone .phone__title {
      color: #0f9d58;
      font-weight: 500;
      margin: 40px 0 15px; }
    body.phones .fi-phones .phone .phone__subtitle {
      margin-bottom: 30px; }
      body.phones .fi-phones .phone .phone__subtitle span {
        color: rgba(0, 0, 0, 0.73);
        font-weight: 500; }
    body.phones .fi-phones .phone .phone__overview {
      padding: 20px 20px 50px;
      border-radius: 6px;
      background-color: #fff;
      color: #888b8d;
      text-align: center;
      position: relative; }
      @media only screen and (min-width: 640px) {
        body.phones .fi-phones .phone .phone__overview {
          background-color: transparent; } }
      body.phones .fi-phones .phone .phone__overview .phone__content {
        display: block;
        text-decoration: none;
        color: inherit; }
        body.phones .fi-phones .phone .phone__overview .phone__content a {
          color: inherit; }
          body.phones .fi-phones .phone .phone__overview .phone__content a:hover {
            text-decoration: none; }
      @media only screen and (min-width: 640px) and (max-width: 1023px) {
        body.phones .fi-phones .phone .phone__overview .btn {
          padding-left: 6px;
          padding-right: 6px; }
          body.phones .fi-phones .phone .phone__overview .btn br {
            display: inherit !important; } }
    body.phones .fi-phones .phone .phone__toggle {
      position: relative;
      top: -22px;
      text-align: center; }
      body.phones .fi-phones .phone .phone__toggle .btn-toggle button {
        width: 40px;
        height: 40px;
        padding: 0;
        border-radius: 50%;
        border: 0;
        background-color: #e0dddd;
        color: #888b8d;
        color: #fff; }
      body.phones .fi-phones .phone .phone__toggle .btn-toggle.collapse button.bg-green {
        background-color: #0f9d58;
        color: #fff; }
      body.phones .fi-phones .phone .phone__toggle .phone__toggle__description {
        font-family: "Google Sans", arial, sans-serif;
        font-weight: 400;
        letter-spacing: 0;
        -webkit-font-smoothing: antialiased;
        text-transform: none;
        font-family: "Roboto", arial, sans-serif;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1.25px;
        text-transform: uppercase;
        color: #c0c0c0;
        cursor: pointer;
        font-weight: 500;
        margin-top: 15px; }
        @media only screen and (min-width: 1024px) {
          body.phones .fi-phones .phone .phone__toggle .phone__toggle__description {
            font-size: 14px;
            letter-spacing: 1.5px; } }
        @media only screen and (min-width: 640px) {
          body.phones .fi-phones .phone .phone__toggle .phone__toggle__description {
            visibility: hidden; } }
      body.phones .fi-phones .phone .phone__toggle .collapse {
        display: none; }
    body.phones .fi-phones .phone .details {
      background-color: #fff;
      color: #888b8d;
      text-align: center; }
    body.phones .fi-phones .phone:hover .phone__toggle__description {
      color: #0f9d58;
      visibility: visible; }
    body.phones .fi-phones .phone.expand .phone__overview {
      display: none; }
    body.phones .fi-phones .phone.expand .details {
      display: block; }
    body.phones .fi-phones .phone.expand .phone__toggle .btn,
    body.phones .fi-phones .phone.expand .phone__toggle .compare-phones-button {
      margin-top: 30px;
      padding: 12px 40px;
      color: #fff;
      text-transform: none; }
    @media only screen and (min-width: 640px) {
      body.phones .fi-phones .phone.expand .phone__toggle .phone__toggle__description {
        color: #0f9d58; }
      body.phones .fi-phones .phone.expand .phone__toggle .expand {
        display: none; }
      body.phones .fi-phones .phone.expand .phone__toggle .collapse {
        display: inherit; }
        body.phones .fi-phones .phone.expand .phone__toggle .collapse.phone__toggle__description {
          visibility: visible;
          display: block; } }
    @media only screen and (min-width: 640px) {
      body.phones .fi-phones .phone.expand .phone__overview {
        display: block;
        background-color: #fff;
        color: #888b8d; }
      body.phones .fi-phones .phone.expand .details {
        display: none !important; } }
    @media only screen and (min-width: 640px) {
      body.phones .fi-phones .phone.init .phone__overview {
        background-color: #fff;
        color: #888b8d; }
      body.phones .fi-phones .phone.init .phone__toggle .btn,
      body.phones .fi-phones .phone.init .phone__toggle .compare-phones-button {
        margin-top: 30px;
        padding: 12px 40px;
        text-transform: none; }
      body.phones .fi-phones .phone.init .phone__toggle .phone__toggle__description {
        color: #0f9d58; }
      body.phones .fi-phones .phone.init .phone__toggle .expand {
        display: none; }
      body.phones .fi-phones .phone.init .phone__toggle .collapse {
        display: inherit; }
        body.phones .fi-phones .phone.init .phone__toggle .collapse.phone__toggle__description {
          visibility: visible;
          display: block; } }

body.phones .phone-information {
  padding: 50px 0; }
  @media only screen and (min-width: 640px) {
    body.phones .phone-information {
      margin-bottom: 20px; } }
  @media only screen and (min-width: 1024px) {
    body.phones .phone-information {
      padding: 80px 0;
      margin-bottom: 80px; } }
  @media only screen and (min-width: 1440px) {
    body.phones .phone-information {
      padding: 0; } }
  body.phones .phone-information .container {
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      body.phones .phone-information .container {
        width: 1000px; } }
    @media only screen and (min-width: 1440px) {
      body.phones .phone-information .container {
        width: 1290px; } }
  @media only screen and (min-width: 640px) {
    body.phones .phone-information .phone-information__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 30px; } }
  @media only screen and (min-width: 1440px) {
    body.phones .phone-information .phone-information__list {
      padding: 0 50px; } }
  body.phones .phone-information .phone-information__item {
    padding: 20px 30px;
    position: relative; }
    @media only screen and (min-width: 640px) {
      body.phones .phone-information .phone-information__item {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; } }
    @media only screen and (min-width: 1024px) {
      body.phones .phone-information .phone-information__item {
        padding: 0 30px; } }
    @media only screen and (min-width: 1440px) {
      body.phones .phone-information .phone-information__item {
        padding: 80px 50px; } }
    @media only screen and (min-width: 1440px) {
      body.phones .phone-information .phone-information__item:not(:last-child) {
        border-right: 1px solid #E9E9E9; } }
    body.phones .phone-information .phone-information__item .icon {
      height: 160px;
      margin-bottom: 32px;
      width: 160px; }
      body.phones .phone-information .phone-information__item .icon img {
        width: 100%; }
      @media only screen and (min-width: 640px) {
        body.phones .phone-information .phone-information__item .icon {
          width: 83px;
          height: 83px;
          position: absolute;
          top: 50%;
          left: 21px;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); } }
      @media only screen and (min-width: 1024px) {
        body.phones .phone-information .phone-information__item .icon {
          width: 100px;
          height: 100px;
          left: 40px; } }
    body.phones .phone-information .phone-information__item .phone-details {
      text-align: center; }
      body.phones .phone-information .phone-information__item .phone-details .title {
        font-family: "Google Sans", arial, sans-serif;
        font-weight: 400;
        letter-spacing: 0;
        -webkit-font-smoothing: antialiased;
        text-transform: none;
        font-family: "Roboto", arial, sans-serif;
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px; }
        @media only screen and (min-width: 1024px) {
          body.phones .phone-information .phone-information__item .phone-details .title {
            font-size: 22px;
            line-height: 30px; } }
      body.phones .phone-information .phone-information__item .phone-details p {
        font-family: "Google Sans", arial, sans-serif;
        font-weight: 400;
        letter-spacing: 0;
        -webkit-font-smoothing: antialiased;
        text-transform: none;
        font-family: "Roboto", arial, sans-serif;
        font-size: 16px;
        line-height: 26px;
        margin: 0; }
        @media only screen and (min-width: 1024px) {
          body.phones .phone-information .phone-information__item .phone-details p {
            font-size: 18px;
            line-height: 28px; } }
      @media only screen and (min-width: 640px) {
        body.phones .phone-information .phone-information__item .phone-details {
          padding-left: 85px;
          text-align: left; }
          body.phones .phone-information .phone-information__item .phone-details .title {
            margin-top: 0;
            margin-bottom: 10px; } }
      @media only screen and (min-width: 1024px) {
        body.phones .phone-information .phone-information__item .phone-details {
          padding-left: 150px; } }

body.phones .bring-phones {
  padding: 60px 0; }
  @media only screen and (min-width: 640px) {
    body.phones .bring-phones {
      padding: 40px 0; } }
  @media only screen and (min-width: 1024px) {
    body.phones .bring-phones {
      padding: 100px 0; } }
  body.phones .bring-phones .title {
    margin-bottom: 16px; }
  body.phones .bring-phones .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
        flex-flow: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-bottom: 20px; }
    @media only screen and (min-width: 1024px) {
      body.phones .bring-phones .list {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }
    body.phones .bring-phones .list .item {
      width: 120px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: initial;
          -ms-flex: initial;
              flex: initial;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
      -ms-flex-line-pack: justify;
          align-content: space-between;
      padding: 30px 16px; }
      @media only screen and (min-width: 640px) {
        body.phones .bring-phones .list .item {
          width: 150px; } }
      @media only screen and (min-width: 1024px) {
        body.phones .bring-phones .list .item {
          width: 190px; } }
      body.phones .bring-phones .list .item img {
        margin-bottom: 16px;
        height: 90px;
        width: 100%; }
        @media only screen and (min-width: 640px) {
          body.phones .bring-phones .list .item img {
            height: 120px; } }
        @media only screen and (min-width: 1024px) {
          body.phones .bring-phones .list .item img {
            height: 105px; } }
        @media only screen and (min-width: 1440px) {
          body.phones .bring-phones .list .item img {
            height: 156px; } }
      body.phones .bring-phones .list .item .item__description {
        margin-top: 0; }
        body.phones .bring-phones .list .item .item__description.has-offer {
          margin-bottom: 5px; }
    body.phones .bring-phones .list .item__title {
      height: initial; }
    body.phones .bring-phones .list .item__disclaimer {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 400;
      letter-spacing: 0;
      -webkit-font-smoothing: antialiased;
      text-transform: none;
      font-family: "Roboto", arial, sans-serif;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 20px;
      font-style: italic;
      margin-top: 0; }
      @media only screen and (min-width: 640px) {
        body.phones .bring-phones .list .item__disclaimer {
          font-size: 14px;
          line-height: 22px; } }

body.phones .upgrade-phone {
  background-color: #fbfafb;
  color: #888b8d;
  padding-bottom: 65px;
  overflow: hidden; }
  @media only screen and (min-width: 640px) {
    body.phones .upgrade-phone.has-footer {
      height: calc(43.5vw + 50px);
      padding-bottom: 0; }
      body.phones .upgrade-phone.has-footer .section__content {
        -webkit-transform: translate3d(0, -25px, 0);
                transform: translate3d(0, -25px, 0); } }
  body.phones .upgrade-phone .parallax img {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    min-width: 0;
    min-height: 0;
    margin: auto; }
  body.phones .upgrade-phone .parallax__main {
    height: 40%;
    max-height: 40%; }
  body.phones .upgrade-phone .parallax__bgd,
  body.phones .upgrade-phone .parallax__fgd {
    height: 100%; }
  body.phones .upgrade-phone .section__images {
    max-height: 250px; }
    @media only screen and (min-width: 640px) {
      body.phones .upgrade-phone .section__images {
        max-height: 100%; } }
  body.phones .upgrade-phone .section__content {
    padding: 20px 30px 60px; }
    @media only screen and (min-width: 640px) {
      body.phones .upgrade-phone .section__content {
        padding: 0 30px; } }
    @media only screen and (min-width: 1024px) {
      body.phones .upgrade-phone .section__content {
        padding: 0; } }
  body.phones .upgrade-phone .section__footer {
    position: absolute;
    width: 100%;
    height: 65px;
    bottom: 0;
    padding: 12px 20px; }
    @media only screen and (min-width: 640px) {
      body.phones .upgrade-phone .section__footer {
        height: 50px; } }
    body.phones .upgrade-phone .section__footer__link {
      color: #fff;
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 400;
      letter-spacing: 0;
      -webkit-font-smoothing: antialiased;
      text-transform: none;
      font-family: "Roboto", arial, sans-serif;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 1.25px;
      text-transform: uppercase; }
      @media only screen and (min-width: 1024px) {
        body.phones .upgrade-phone .section__footer__link {
          font-size: 14px;
          letter-spacing: 1.5px; } }
    body.phones .upgrade-phone .section__footer__content {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 400;
      letter-spacing: 0;
      -webkit-font-smoothing: antialiased;
      text-transform: none;
      font-family: "Roboto", arial, sans-serif;
      font-size: 16px;
      line-height: 26px;
      text-align: center; }
      @media only screen and (min-width: 1024px) {
        body.phones .upgrade-phone .section__footer__content {
          font-size: 18px;
          line-height: 28px; } }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@media only screen and (min-width: 640px) and (max-width: 1023px) {
  body.specs header.fixed.header-hidden {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

body.specs .sticky-header {
  background-color: #fff;
  color: #888b8d;
  border-bottom: 1px solid #E9E9E9;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 72px;
  width: 100%;
  z-index: 3; }
  @media only screen and (min-width: 640px) and (max-width: 1023px) {
    body.specs .sticky-header {
      top: 50px; } }
  body.specs .sticky-header ul {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 84px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1200px;
    list-style: none;
    padding: 0;
    pointer-events: none;
    margin: auto; }
  body.specs .sticky-header.visible {
    opacity: 1; }
  body.specs .sticky-header li {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    box-sizing: border-box;
    color: #0f9d58;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
    max-width: 300px;
    margin: 0 20px;
    width: 340px; }
    @media only screen and (min-width: 1024px) {
      body.specs .sticky-header li {
        font-size: 22px;
        line-height: 30px; } }

body.specs .intro {
  height: 565px;
  padding-top: 10px;
  max-width: 1240px;
  margin: auto; }
  body.specs .intro a:hover {
    text-decoration: none; }
  body.specs .intro paper-button {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.54);
    margin-top: 20px; }
    @media only screen and (min-width: 1024px) {
      body.specs .intro paper-button {
        font-size: 18px;
        line-height: 28px; } }
    body.specs .intro paper-button:hover iron-icon {
      -webkit-transform: translateX(-5px);
              transform: translateX(-5px); }
  body.specs .intro iron-icon {
    background-color: rgba(0, 0, 0, 0.54);
    color: #888b8d;
    border-radius: 50%;
    color: #fff;
    height: 28px;
    margin-right: 15px;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    width: 28px;
    padding: 5px;
    box-sizing: border-box; }
  body.specs .intro__header {
    margin: 25px 13px; }
  body.specs .intro__text {
    margin: 38px 16px; }

body.specs .specs-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 1200px;
  margin: -240px auto 0 auto;
  padding: 0 25px;
  position: relative; }
  body.specs .specs-grid .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    body.specs .specs-grid .row::after {
      display: none; }
    body.specs .specs-grid .row.last {
      border-bottom: solid 1px rgba(0, 0, 0, 0.12);
      padding-bottom: 8px;
      margin-bottom: 32px; }
    @media only screen and (max-width: 639px) {
      body.specs .specs-grid .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  body.specs .specs-grid .col {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0;
            flex: 1 1 0;
    width: 300px;
    margin: 0 20px;
    max-width: 300px; }
    body.specs .specs-grid .col .col__subtitle {
      color: rgba(0, 0, 0, 0.54);
      margin: 50px 0 5px 0; }
    @media only screen and (max-width: 639px) {
      body.specs .specs-grid .col {
        margin-left: auto;
        margin-right: auto; } }
    body.specs .specs-grid .col .carousel-clip {
      -webkit-transform: translateX(-21px);
              transform: translateX(-21px); }
    body.specs .specs-grid .col .spec-group {
      padding-top: 5px;
      word-break: break-word; }
      body.specs .specs-grid .col .spec-group__header {
        color: rgba(0, 0, 0, 0.73);
        margin-bottom: 8px; }
  body.specs .specs-grid .carousel-clip {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  body.specs .specs-grid .carousel-thumbnails {
    text-align: left; }
  body.specs .specs-grid button.get {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    margin: 50px 0 48px 0;
    padding: 16px 35px; }
    @media only screen and (min-width: 1024px) {
      body.specs .specs-grid button.get {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 28px; } }
  body.specs .specs-grid .title {
    margin: 43px 0; }
  body.specs .specs-grid img {
    margin-bottom: 20px; }
    @media only screen and (max-width: 639px) {
      body.specs .specs-grid img {
        width: auto; } }
  body.specs .specs-grid .spec-group img {
    width: auto;
    max-height: 200px; }
  body.specs .specs-grid ul {
    list-style: none;
    margin: 0 0 31px 10px;
    padding: 0; }
  body.specs .specs-grid li {
    position: relative; }
    body.specs .specs-grid li::before {
      content: "-";
      left: -10px;
      position: absolute; }
  body.specs .specs-grid ul.no-bullet {
    margin-left: 0; }
    body.specs .specs-grid ul.no-bullet li::before {
      display: none; }
  body.specs .specs-grid .mobile-specs {
    display: block; }
    @media only screen and (min-width: 640px) {
      body.specs .specs-grid .mobile-specs {
        display: none; } }

body.specs .top, body.specs .collapse {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  color: #0f9d58;
  text-align: center;
  display: block;
  margin: 30px auto 30px auto;
  text-decoration: none; }
  @media only screen and (min-width: 1024px) {
    body.specs .top, body.specs .collapse {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 28px; } }
  body.specs .top img, body.specs .collapse img {
    display: block;
    margin: 0 auto 6px auto;
    will-change: transform;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out; }
  body.specs .top:hover img, body.specs .collapse:hover img {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); }

body.specs .collapse .less {
  display: none; }

body.specs .collapse .more {
  display: block; }

body.specs .collapse img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin: 6px auto 0 auto; }

body.specs .collapse:hover img {
  -webkit-transform: rotate(180deg) translateY(-5px);
          transform: rotate(180deg) translateY(-5px); }

body.specs .collapse.open .less {
  display: block; }

body.specs .collapse.open .more {
  display: none; }

body.specs .collapse.open img {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }

body.specs .collapse.open:hover img {
  -webkit-transform: rotate(0deg) translateY(-5px);
          transform: rotate(0deg) translateY(-5px); }

@media only screen and (max-width: 639px) {
  body.specs .intro {
    height: auto;
    background-color: transparent;
    margin: auto;
    max-width: 330px; }
  body.specs .specs-grid {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0; }
  body.specs .sticky-header {
    display: none; } }

body.specs .scroll-top.fixed {
  position: fixed;
  right: 15px;
  bottom: 15px; }

body.specs .scroll-top.bottom {
  position: absolute;
  bottom: 30px;
  right: 15px; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.faq .columns {
  float: none; }

@media only screen and (min-width: 1024px) {
  .faq .container {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 50px;
    width: auto; } }

.faq .hero {
  height: initial;
  padding: 110px 0 0 0;
  background-color: #fff;
  color: #888b8d; }
  .faq .hero .container {
    height: initial;
    width: initial; }

.faq .background-media img {
  width: 100%; }

.faq h2 {
  padding-top: 100px;
  text-align: center;
  margin-bottom: 30px; }
  @media only screen and (min-width: 640px) {
    .faq h2 {
      margin-bottom: 45px;
      text-align: left; } }
  @media only screen and (min-width: 1024px) {
    .faq h2 {
      margin-bottom: 80px; } }

.faq .main-content {
  margin-left: 2.2%; }
  @media only screen and (max-width: 1023px) {
    .faq .main-content {
      margin-left: 3%; } }
  @media only screen and (max-width: 639px) {
    .faq .main-content {
      margin-left: 0;
      width: 100%;
      margin-top: 33px; } }

.faq .faq-content {
  padding: 0 0 40px 0; }

.faq .faq-content__title {
  text-align: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 640px) {
    .faq .faq-content__title {
      width: 100%; } }

.faq .toc-container {
  position: relative;
  z-index: 0; }
  .faq .toc-container .toc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  @media only screen and (max-width: 639px) {
    .faq .toc-container {
      width: 100%; } }
  .faq .toc-container .toc {
    -webkit-transform: translateZ(1px);
            transform: translateZ(1px); }

.faq .section-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 50px; }
  @media only screen and (max-width: 639px) {
    .faq .section-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .faq .section-container:first-child {
        margin-top: 0; } }

.faq .section-content {
  width: 80%;
  margin: 0 auto; }
  @media only screen and (min-width: 640px) {
    .faq .section-content h3 {
      padding: 30px 0; } }
  .faq .section-content:first-child h3 {
    padding-top: 53px; }
    @media only screen and (min-width: 640px) {
      .faq .section-content:first-child h3 {
        padding-top: 0; } }
  @media only screen and (min-width: 640px) {
    .faq .section-content:first-child h3 {
      padding-top: 0; } }

.faq hr {
  border: 0;
  border-bottom: 2px solid #eaeaea;
  margin-bottom: 0;
  padding-top: 35px;
  width: 50%; }
  .faq hr:last-child {
    display: none; }
    @media only screen and (max-width: 639px) {
      .faq hr:last-child {
        display: block; } }

.faq footer hr {
  border: 0; }

.faq footer .columns {
  float: left; }

.faq ul.accordion {
  list-style-type: none;
  padding: 0; }
  @media only screen and (max-width: 639px) {
    .faq ul.accordion {
      margin-top: 40px; } }
  .faq ul.accordion .accordion-item {
    padding-top: 40px; }
    @media only screen and (max-width: 639px) {
      .faq ul.accordion .accordion-item {
        padding-top: 30px; } }
    .faq ul.accordion .accordion-item:first-child {
      padding-top: 0; }

.faq .question {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.73);
  cursor: pointer; }
  @media only screen and (min-width: 1024px) {
    .faq .question {
      font-size: 22px;
      line-height: 30px; } }
  @media only screen and (max-width: 639px) {
    .faq .question {
      padding-right: 0;
      padding-left: 25px; } }
  .faq .question .arrow {
    right: initial;
    left: -30px;
    top: 0; }
    @media only screen and (max-width: 639px) {
      .faq .question .arrow {
        left: -4px; } }

.faq .answer {
  color: rgba(0, 0, 0, 0.54);
  margin: 24px 0 0 0;
  width: 90%; }
  @media only screen and (max-width: 639px) {
    .faq .answer {
      margin-left: 25px; } }
  .faq .answer a {
    font-weight: 400; }
  .faq .answer table {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    border-collapse: collapse; }
    @media only screen and (min-width: 1024px) {
      .faq .answer table {
        font-size: 18px;
        line-height: 28px; } }
    .faq .answer table td,
    .faq .answer table th {
      border: 1px solid #dedede;
      margin: 0;
      padding: 5px 10px; }
    .faq .answer table:not(.wrap) td:first-child {
      white-space: nowrap; }

.faq .fluid-video {
  padding-bottom: 47.85%;
  margin-top: 35px;
  box-sizing: inherit;
  margin-left: 70px;
  padding-top: 5px; }
  @media only screen and (max-width: 639px) {
    .faq .fluid-video {
      margin-top: 25px;
      margin-left: 25px;
      padding-top: 2px; } }

.faq .scroll-top.fixed {
  position: fixed;
  bottom: 40px;
  left: initial;
  z-index: 1000; }
  @media only screen and (max-width: 1023px) {
    .faq .scroll-top.fixed {
      right: 15px; } }

.faq .scroll-top.bottom {
  position: absolute;
  bottom: 0;
  z-index: 13; }
  @media only screen and (max-width: 639px) {
    .faq .scroll-top.bottom {
      right: 15px; } }

.faq ul.toc li {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  max-width: 150px; }
  @media only screen and (min-width: 1024px) {
    .faq ul.toc li {
      font-size: 14px;
      letter-spacing: 1.5px; } }
  @media only screen and (min-width: 640px) {
    .faq ul.toc li {
      font-size: 14px;
      padding: 0 10px; } }
  @media only screen and (min-width: 1024px) {
    .faq ul.toc li {
      max-width: 120px; } }
  @media only screen and (min-width: 1440px) {
    .faq ul.toc li {
      max-width: 150px; } }

.faq .toc-link {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.73);
  margin: 8px;
  width: 136px; }
  @media only screen and (min-width: 1024px) {
    .faq .toc-link {
      font-size: 18px;
      line-height: 28px; } }
  .faq .toc-link:hover {
    background-color: transparent;
    color: #0f9d58; }
  .faq .toc-link .icon {
    height: 136px;
    width: 136px; }
  @media only screen and (min-width: 1024px) {
    .faq .toc-link {
      margin: 0 0 8px;
      width: inherit; }
      .faq .toc-link .icon {
        width: 9.5vw;
        height: 9.5vw;
        max-width: 100%;
        max-height: 130px; } }

.faq .stay-informed h2 {
  padding-top: 0; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@media only screen and (min-width: 640px) {
  body.home .section.international-coverage, body.home .section.take-quiz {
    height: calc(37.5vw + 100px); } }

@media only screen and (min-width: 1440px) {
  body.home .section.international-coverage, body.home .section.take-quiz {
    height: 640px; } }

body.home .section.shop-phones.parallax.right .section__images {
  background-color: #F1B0C6;
  color: #fff; }
  @media only screen and (min-width: 640px) {
    body.home .section.shop-phones.parallax.right .section__images {
      height: 100%;
      left: 0;
      right: auto;
      top: auto;
      -webkit-transform: none;
              transform: none;
      width: 50%; }
      body.home .section.shop-phones.parallax.right .section__images .parallax__bgd {
        max-height: none;
        max-width: 230px;
        min-height: 0;
        min-width: 0;
        -webkit-transform: translate3d(0, 25%, 0);
                transform: translate3d(0, 25%, 0);
        transition: -webkit-transform 700ms ease;
        transition: transform 700ms ease;
        transition-delay: 500ms; }
      body.home .section.shop-phones.parallax.right .section__images .ak-in-view--animate--end .parallax__bgd {
        -webkit-transform: translate3d(0, 0%, 0);
                transform: translate3d(0, 0%, 0); } }
  @media only screen and (min-width: 1024px) {
    body.home .section.shop-phones.parallax.right .section__images .parallax__bgd {
      max-width: 320px; } }
  @media only screen and (min-width: 1440px) {
    body.home .section.shop-phones.parallax.right .section__images .parallax__bgd {
      max-width: 381px; } }

body.home .section.international-coverage .section__images video {
  max-height: 135%;
  max-width: 135%;
  top: -95%; }

body.home .section.take-quiz .section__images video {
  max-height: 130%;
  max-width: 130%; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

body.coverage .network-of-networks {
  height: initial;
  padding: 50px 0;
  background-color: #fff;
  color: #888b8d; }
  @media only screen and (min-width: 640px) {
    body.coverage .network-of-networks {
      padding: 75px 0; } }
  @media only screen and (min-width: 1024px) {
    body.coverage .network-of-networks {
      padding: 115px 0; } }
  body.coverage .network-of-networks .item__description {
    display: block;
    margin-top: 20px;
    padding: 0 20px;
    text-align: center; }
  body.coverage .network-of-networks img {
    display: block;
    margin: auto; }
  body.coverage .network-of-networks .item__title {
    text-align: center;
    width: 90%;
    margin: 18px auto 0; }
    @media only screen and (min-width: 640px) {
      body.coverage .network-of-networks .item__title {
        width: 75%; } }
  body.coverage .network-of-networks .title {
    color: #00BCD4;
    margin: 0 auto 50px; }
  body.coverage .network-of-networks .item {
    position: relative;
    padding: 25px 15px; }
    @media only screen and (min-width: 640px) {
      body.coverage .network-of-networks .item:not(:last-child)::after {
        border-right: solid 1px rgba(0, 0, 0, 0.12);
        content: "";
        height: 50%;
        position: absolute;
        top: calc(50% - 100px);
        right: 0; } }

body.coverage section.map {
  background-image: url(../images/coverage/map.png);
  background-color: #0f9d58;
  color: #fff;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media only screen and (min-width: 640px) {
    body.coverage section.map {
      height: 425px; } }
  @media only screen and (min-width: 640px) {
    body.coverage section.map {
      height: 665px; } }

body.coverage .coverage-check {
  background-color: #fff;
  color: #888b8d;
  width: 270px;
  padding: 30px 15px;
  margin: 40px 0 80px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
  border-radius: 2px; }
  body.coverage .coverage-check:after {
    clear: both;
    content: "";
    display: table; }
  @media only screen and (min-width: 640px) {
    body.coverage .coverage-check {
      width: 550px;
      margin: 0;
      padding: 30px 35px; } }
  @media only screen and (min-width: 1024px) {
    body.coverage .coverage-check {
      width: 860px;
      margin: 0;
      padding: 40px 50px; } }
  body.coverage .coverage-check .icon {
    width: 87px;
    height: 95px;
    margin: 15px auto 30px; }
    @media only screen and (min-width: 640px) {
      body.coverage .coverage-check .icon {
        float: right;
        margin: 30px 15px; } }
    @media only screen and (min-width: 1024px) {
      body.coverage .coverage-check .icon {
        width: 134px;
        height: 150px;
        margin: 40px 30px; } }
  body.coverage .coverage-check .coverage-check__title {
    margin-bottom: 10px; }
  body.coverage .coverage-check .coverage-check__body {
    max-width: 80%;
    margin: 0 auto 10px; }
    @media only screen and (min-width: 640px) {
      body.coverage .coverage-check .coverage-check__body {
        margin: 0 0 10px; } }
  body.coverage .coverage-check input {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
    padding: 6px 0;
    border-bottom: solid 1px #d1d1d1;
    color: rgba(0, 0, 0, 0.54);
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      body.coverage .coverage-check input {
        font-size: 18px;
        line-height: 28px; } }
    @media only screen and (min-width: 1024px) {
      body.coverage .coverage-check input {
        font-weight: 300; } }
    body.coverage .coverage-check input::-webkit-input-placeholder {
      color: #8e8e8e; }
    body.coverage .coverage-check input::-moz-placeholder {
      color: #8e8e8e; }
    body.coverage .coverage-check input:-ms-input-placeholder {
      color: #8e8e8e; }
    body.coverage .coverage-check input::placeholder {
      color: #8e8e8e; }
    @media only screen and (min-width: 640px) {
      body.coverage .coverage-check input {
        text-align: left; } }
    @media only screen and (min-width: 1024px) {
      body.coverage .coverage-check input {
        padding: 15px 0; } }
  body.coverage .coverage-check form {
    width: 100%;
    text-align: center; }
    body.coverage .coverage-check form .field {
      margin-top: 10px; }
    @media only screen and (min-width: 640px) {
      body.coverage .coverage-check form {
        width: 330px;
        float: left;
        text-align: left; } }
    @media only screen and (min-width: 1024px) {
      body.coverage .coverage-check form {
        width: 520px; } }
  body.coverage .coverage-check .btn,
  body.coverage .coverage-check paper-button {
    margin: 0; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.rates {
  background-color: #fff;
  color: #888b8d; }
  .rates section {
    padding: 5px 0 30px; }
    @media only screen and (max-width: 1023px) {
      .rates section {
        padding: 0 0 30px; } }
  .rates .row .columns.left-header {
    width: 33.4%; }
    .rates .row .columns.left-header a {
      text-decoration: none; }
    .rates .row .columns.left-header paper-button {
      color: rgba(0, 0, 0, 0.54);
      margin-left: -15px;
      margin-top: 20px;
      padding: 10px 15px; }
      .rates .row .columns.left-header paper-button:hover iron-icon {
        -webkit-transform: translateX(-5px);
                transform: translateX(-5px); }
    .rates .row .columns.left-header iron-icon {
      background-color: rgba(0, 0, 0, 0.54);
      color: #888b8d;
      color: #fff;
      border-radius: 50%;
      height: 28px;
      margin-right: 15px;
      transition: -webkit-transform 0.2s ease-out;
      transition: transform 0.2s ease-out;
      width: 28px;
      padding: 5px;
      box-sizing: border-box; }
    @media only screen and (max-width: 1023px) {
      .rates .row .columns.left-header {
        width: 100%;
        padding: 0 14px 0; }
        .rates .row .columns.left-header .rates__header {
          position: relative;
          display: block;
          float: left;
          width: 100%;
          text-align: left;
          margin-top: 14px;
          margin-bottom: 8px; }
        .rates .row .columns.left-header .rates__body {
          position: relative;
          display: block;
          float: left;
          width: 100%; }
        .rates .row .columns.left-header a {
          position: relative;
          display: block;
          float: left;
          margin-left: 3px; }
        .rates .row .columns.left-header paper-button {
          margin-left: -11px;
          padding: 10px; }
        .rates .row .columns.left-header iron-icon {
          padding: 5px;
          margin-right: 15px; }
          .rates .row .columns.left-header iron-icon svg {
            left: 3px;
            top: 3px;
            width: 22px;
            height: 22px; } }
  .rates .container {
    padding: 0 25px;
    width: auto;
    max-width: 1280px;
    margin: 0 auto; }
  .rates .row .columns.main-content {
    margin-left: 7.1%;
    margin-top: 50px;
    width: 53.5%; }
    @media only screen and (max-width: 1023px) {
      .rates .row .columns.main-content {
        margin-left: 0;
        margin-top: 40px;
        width: 100%;
        max-width: 600px; } }
  .rates .browse-all {
    font-weight: 400;
    text-decoration: none; }
    .rates .browse-all:hover {
      text-decoration: underline; }
  @media only screen and (max-width: 1023px) {
    .rates .no-results .no-results__copy {
      margin-left: 27px; } }
  .rates .rates__header {
    color: #0f9d58;
    margin: 28px 0 48px; }
  .rates .left {
    position: absolute;
    top: -6px; }
    @media only screen and (min-width: 1024px) {
      .rates .left {
        top: 0; } }
  .rates iron-icon[icon=error] {
    margin-right: 3px;
    margin-top: -3px; }
  .rates iron-icon[icon=search],
  .rates .search-flag {
    color: #9b9b9b;
    height: 34px;
    margin: 30px 20px 0 9px;
    width: 34px; }
    @media only screen and (max-width: 1023px) {
      .rates iron-icon[icon=search],
      .rates .search-flag {
        height: 20px;
        margin: 10px;
        width: 20px; } }
  @media only screen and (max-width: 1023px) {
    .rates iron-icon[icon=search] {
      left: 9px; } }
  .rates paper-input-container {
    font-size: 34px;
    font-weight: 200;
    margin-bottom: 20px;
    padding: 20px 0 0; }
    @media only screen and (max-width: 1023px) {
      .rates paper-input-container {
        font-size: 20px;
        padding: 0 10px 0 40px; } }
    .rates paper-input-container .unfocused-line {
      background-color: #d7d7d7;
      color: #888b8d; }
    .rates paper-input-container .focused-line {
      background-color: #0f9d58;
      color: #fff; }
  .rates .searchbox {
    margin-left: 67px;
    margin-right: 20.7%;
    position: relative; }
    @media only screen and (max-width: 1023px) {
      .rates .searchbox {
        margin-left: 6px;
        margin-right: 7px;
        margin-top: 0; } }
    .rates .searchbox .clear {
      color: #9b9b9b;
      cursor: pointer;
      position: absolute;
      right: -5px;
      top: 26px; }
      @media only screen and (max-width: 1023px) {
        .rates .searchbox .clear {
          top: -6px;
          right: 0; }
          .rates .searchbox .clear::shadow iron-icon {
            width: 14px;
            height: 14px;
            padding: 7px; }
            .rates .searchbox .clear::shadow iron-icon svg {
              position: relative;
              width: 14px;
              height: 14px; } }
    .rates .searchbox input[is="core-input"] {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 400;
      letter-spacing: 0;
      -webkit-font-smoothing: antialiased;
      text-transform: none;
      font-family: "Roboto", arial, sans-serif;
      font-size: 16px;
      line-height: 24px;
      color: rgba(0, 0, 0, 0.73);
      margin-left: 0;
      margin-bottom: 10px;
      margin-top: 10px; }
      @media only screen and (min-width: 1024px) {
        .rates .searchbox input[is="core-input"] {
          font-size: 22px;
          line-height: 30px; } }
      @media only screen and (max-width: 1023px) {
        .rates .searchbox input[is="core-input"] {
          margin-top: 0;
          padding-left: 0;
          box-sizing: border-box;
          margin-bottom: 0; } }
      .rates .searchbox input[is="core-input"]::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.26); }
      .rates .searchbox input[is="core-input"]::-moz-placeholder {
        color: rgba(0, 0, 0, 0.26); }
      .rates .searchbox input[is="core-input"]:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.26); }
      .rates .searchbox input[is="core-input"]::placeholder {
        color: rgba(0, 0, 0, 0.26); }
  .rates .search-flag {
    background-position: center;
    background-size: 50px;
    border: 1px solid #E9E9E9;
    height: 30px;
    margin: 35px 0 0 0;
    width: 46px; }
    @media only screen and (max-width: 1023px) {
      .rates .search-flag {
        background-size: 22px;
        height: 14px;
        margin: 11px 0 0 18px;
        width: 20px; } }
  .rates .countries {
    margin-bottom: 0; }
    @media only screen and (min-width: 1024px) {
      .rates .countries {
        padding-left: 0; } }
    @media only screen and (max-width: 1023px) {
      .rates .countries {
        padding: 0 15px 0 30px; } }
    .rates .countries .country {
      box-sizing: border-box;
      cursor: pointer;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 10px 0 9px;
      width: 49%; }
      @media only screen and (max-width: 1023px) {
        .rates .countries .country {
          padding: 10px 0;
          width: 100%; } }
      .rates .countries .country .flag {
        background-position: center;
        background-size: 61px;
        border: 1px solid #E9E9E9;
        display: inline-block;
        height: 37px;
        line-height: 0;
        margin-right: 41px;
        vertical-align: middle;
        width: 56px; }
      .rates .countries .country .name {
        display: inline-block;
        vertical-align: middle;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
  .rates .view {
    margin: 83px 0 30px; }
    @media only screen and (max-width: 1023px) {
      .rates .view {
        margin: 50px 0 30px 17px; } }
  .rates .view-popular h2 {
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0; }
  .rates .view-popular .browse-all {
    cursor: pointer;
    display: block;
    margin-top: 10px;
    text-transform: uppercase; }
  .rates .view-countries .country a {
    cursor: pointer; }
  .rates .view-country {
    overflow: visible; }
    .rates .view-country table {
      border: 1px solid #fbfafb;
      border-collapse: collapse;
      margin-bottom: 20px;
      width: 100%; }
      @media only screen and (max-width: 1023px) {
        .rates .view-country table {
          font-size: 14px; } }
      .rates .view-country table tr {
        padding: 10px; }
        .rates .view-country table tr:nth-child(odd) {
          background-color: #fbfafb;
          color: #888b8d; }
        .rates .view-country table tr td:first-child {
          width: 40%; }
        .rates .view-country table tr td:last-child {
          width: 60%; }
        .rates .view-country table tr td {
          box-sizing: border-box;
          padding: 15px;
          width: 50%; }
          .rates .view-country table tr td.rate {
            text-align: right; }
    .rates .view-country .divider {
      background-color: #fbfafb;
      color: #888b8d;
      height: 1px;
      margin: 30px 0; }
  .rates .disclaimer p {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    font-style: italic; }
    @media only screen and (min-width: 640px) {
      .rates .disclaimer p {
        font-size: 14px;
        line-height: 22px; } }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.modal-player-mask {
  background-color: #fff;
  color: #888b8d;
  transition: all 300ms ease;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999; }
  .modal-player-mask.visible {
    opacity: 1;
    pointer-events: initial; }
    .modal-player-mask.visible .modal-player-video-container {
      opacity: 1;
      -webkit-transform: translateX(-50%) translateY(-50%) scale(1, 1);
              transform: translateX(-50%) translateY(-50%) scale(1, 1); }
  .modal-player-mask .modal-player-video-container {
    transition: all 300ms ease;
    left: 50%;
    max-height: 90%;
    max-width: 90%;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5, 0.5);
            transform: translateX(-50%) translateY(-50%) scale(0.5, 0.5);
    width: 88vw; }
    @media screen and (max-aspect-ratio: 16 / 9) {
      .modal-player-mask .modal-player-video-container {
        height: 45vw;
        width: 80vw; } }
    @media screen and (min-aspect-ratio: 16 / 9) {
      .modal-player-mask .modal-player-video-container {
        height: 79.875vh;
        width: 142vh; } }
  .modal-player-mask .modal-player-video-content {
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px); }
  .modal-player-mask .modal-player-close {
    background-color: transparent;
    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    right: 2%;
    top: 3%;
    width: 40px; }
    .modal-player-mask .modal-player-close:hover:before, .modal-player-mask .modal-player-close:hover:after, .modal-player-mask .modal-player-close:active:before, .modal-player-mask .modal-player-close:active:after {
      background-color: #0f9d58;
      color: #fff; }
    .modal-player-mask .modal-player-close:before, .modal-player-mask .modal-player-close:after {
      transition: all 300ms ease;
      background-color: rgba(0, 0, 0, 0.73);
      color: #888b8d;
      content: '';
      display: block;
      height: 2px;
      left: 2px;
      position: absolute;
      top: 50%;
      width: 35px; }
    .modal-player-mask .modal-player-close:before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
              transform: rotate3d(0, 0, 1, 45deg); }
    .modal-player-mask .modal-player-close:after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
              transform: rotate3d(0, 0, 1, -45deg); }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.legal .container {
  padding: 64px 40px 0; }
  @media only screen and (min-width: 640px) {
    .legal .container {
      padding: 68px 15px 0 15px; } }
  @media only screen and (min-width: 1024px) {
    .legal .container {
      padding: 68px 30px 0 30px; } }

.legal section {
  padding: 0 0 135px 0;
  position: relative; }

.legal ul.toc {
  width: 100%; }
  @media only screen and (min-width: 640px) {
    .legal ul.toc {
      width: 210px; } }
  @media only screen and (min-width: 1024px) {
    .legal ul.toc {
      width: 260px; } }
  .legal ul.toc li {
    text-align: initial; }
    .legal ul.toc li a {
      padding: 8px 10px 8px 15px; }
      @media only screen and (min-width: 1024px) {
        .legal ul.toc li a {
          padding: 8px 30px 8px 30px; } }
  .legal ul.toc.fixed {
    position: relative; }
    @media only screen and (min-width: 640px) {
      .legal ul.toc.fixed {
        position: fixed; } }
  .legal ul.toc.bottom {
    bottom: 135px;
    position: absolute; }

.legal h1 {
  color: #0f9d58;
  margin-bottom: 50px; }
  @media only screen and (max-width: 639px) {
    .legal h1 {
      margin-bottom: 30px; } }

.legal h2 {
  color: #888b8d;
  margin: 30px 0 0; }

.legal h3 {
  color: #888b8d;
  margin-left: 0;
  margin-top: 35px; }
  @media only screen and (max-width: 639px) {
    .legal h3 {
      margin-left: 15px; } }
  .legal h3:first-child {
    margin-top: 20px; }

.legal h4 {
  color: #888b8d;
  margin: 35px 0 0 35px; }

.legal .main ul li, .legal .main p {
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  font-family: "Roboto", arial, sans-serif;
  font-size: 16px;
  line-height: 26px;
  margin: 24px 0 0 0;
  width: 95%; }
  @media only screen and (min-width: 1024px) {
    .legal .main ul li, .legal .main p {
      font-size: 18px;
      line-height: 28px; } }

@media only screen and (max-width: 639px) {
  .legal .main p {
    padding-left: 16px; } }

.legal .main ul li {
  margin: 12px 0 0 0; }

.legal p {
  margin: 0;
  margin-top: 10px; }
  .legal p:first-child {
    margin-top: 24px; }

.legal .max-size p {
  max-width: 500px; }

.legal em {
  font-style: normal;
  font-weight: 500; }

.legal .accordion {
  padding-top: 20px; }

.legal .accordion-toggle {
  color: inherit; }
  @media only screen and (max-width: 639px) {
    .legal .accordion-toggle {
      padding-left: 18px; }
      .legal .accordion-toggle .arrow {
        right: auto;
        left: -11px;
        top: 3px; } }

.legal .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 639px) {
    .legal .row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .legal .row .columns {
    float: none; }
    @media only screen and (max-width: 639px) {
      .legal .row .columns {
        width: 100%; } }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

ul.toc {
  list-style: none;
  margin-top: 0;
  padding-left: 0;
  position: relative;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
  ul.toc.fixed {
    position: fixed; }
  ul.toc.bottom {
    bottom: 135px;
    position: absolute; }
  ul.toc a {
    font-family: "Google Sans", arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-family: "Roboto", arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.54);
    display: block;
    text-decoration: none;
    transition: background 0.2s ease-out; }
    @media only screen and (min-width: 1024px) {
      ul.toc a {
        font-size: 14px;
        letter-spacing: 1.5px; } }
    ul.toc a img {
      display: block; }
    ul.toc a:hover {
      background-color: #f5f5f5;
      color: #888b8d; }
  ul.toc > li {
    transition: all 0.25s ease-in-out;
    text-align: center; }
    ul.toc > li.active-override a {
      color: #0f9d58; }
    ul.toc > li.left-border {
      border-left: 2px solid green;
      height: calc(100% - 25px);
      position: absolute;
      top: 13px; }
  ul.toc ul {
    list-style: none;
    padding: 0 0 15px; }
    ul.toc ul li a {
      font-family: "Google Sans", arial, sans-serif;
      font-weight: 400;
      letter-spacing: 0;
      -webkit-font-smoothing: antialiased;
      text-transform: none;
      font-family: "Roboto", arial, sans-serif;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 1.25px;
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0.54); }
      @media only screen and (min-width: 1024px) {
        ul.toc ul li a {
          font-size: 14px;
          letter-spacing: 1.5px; } }
  ul.toc ul {
    display: none; }
  ul.toc li:last-child ul {
    padding-bottom: 0; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.accordion .accordion-toggle {
  cursor: pointer;
  display: block;
  padding-right: 35px;
  position: relative; }
  .accordion .accordion-toggle:hover {
    text-decoration: none; }
    .accordion .accordion-toggle:hover .cta-icon {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
      .accordion .accordion-toggle:hover .cta-icon.expand-less {
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg); }
      .accordion .accordion-toggle:hover .cta-icon-circle {
        stroke-dashoffset: 0; }
  .accordion .accordion-toggle .arrow {
    color: #0f9d58;
    float: right;
    position: absolute;
    right: 0;
    top: 0; }
  .accordion .accordion-toggle .cta-icon {
    left: -15px;
    right: auto;
    top: -5px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
    @media only screen and (min-width: 640px) {
      .accordion .accordion-toggle .cta-icon {
        left: -45px; } }
    .accordion .accordion-toggle .cta-icon.expand-less {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg); }

.accordion .accordion-item {
  padding-left: 0; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.carousel-clip {
  overflow: hidden;
  width: 100%;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  margin-bottom: 25px; }
  @media only screen and (max-width: 1023px) {
    .carousel-clip {
      margin: 30px auto; } }
  .carousel-clip-viewport {
    height: 100%;
    position: relative;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    z-index: 1; }
    .carousel-clip-viewport[data-carousel-active-slide="0"] {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .carousel-clip-viewport[data-carousel-num-slides="4"] {
      width: 400%; }
      .carousel-clip-viewport[data-carousel-num-slides="4"][data-carousel-active-slide="1"] {
        -webkit-transform: translateX(-25%);
                transform: translateX(-25%); }
      .carousel-clip-viewport[data-carousel-num-slides="4"][data-carousel-active-slide="2"] {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
      .carousel-clip-viewport[data-carousel-num-slides="4"][data-carousel-active-slide="3"] {
        -webkit-transform: translateX(-75%);
                transform: translateX(-75%); }
      .carousel-clip-viewport[data-carousel-num-slides="4"] .carousel-clip-viewport-slide {
        width: 25%; }
    .carousel-clip-viewport[data-carousel-num-slides="3"] {
      width: 300%; }
      .carousel-clip-viewport[data-carousel-num-slides="3"][data-carousel-active-slide="1"] {
        -webkit-transform: translateX(-33.33333%);
                transform: translateX(-33.33333%); }
      .carousel-clip-viewport[data-carousel-num-slides="3"][data-carousel-active-slide="2"] {
        -webkit-transform: translateX(-66.66667%);
                transform: translateX(-66.66667%); }
      .carousel-clip-viewport[data-carousel-num-slides="3"][data-carousel-active-slide="3"] {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%); }
      .carousel-clip-viewport[data-carousel-num-slides="3"] .carousel-clip-viewport-slide {
        width: 33.33333%; }
    .carousel-clip-viewport[data-carousel-num-slides="2"] {
      width: 200%; }
      .carousel-clip-viewport[data-carousel-num-slides="2"][data-carousel-active-slide="1"] {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
      .carousel-clip-viewport[data-carousel-num-slides="2"][data-carousel-active-slide="2"] {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%); }
      .carousel-clip-viewport[data-carousel-num-slides="2"][data-carousel-active-slide="2"] {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%); }
      .carousel-clip-viewport[data-carousel-num-slides="2"] .carousel-clip-viewport-slide {
        width: 50%; }
    .carousel-clip-viewport-slide {
      box-sizing: border-box;
      float: left;
      height: 100%;
      padding: 10px; }
      .carousel-clip-viewport-slide-image {
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle; }

.carousel-thumbnails {
  text-align: center; }
  .carousel-thumbnails-thumbnail {
    cursor: pointer; }
  .carousel-thumbnails .swatch {
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    border: 2px solid #eaeaea;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    width: 24px;
    height: 24px; }
    .carousel-thumbnails .swatch.thumbnail-active {
      border: 2px solid green; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.tooltip {
  display: inline-block;
  position: relative; }
  @media only screen and (max-width: 639px) {
    .tooltip {
      display: none; } }
  .tooltip .tooltip__trigger iron-icon {
    color: #8e8e8e;
    width: 20px;
    height: 20px; }
  .tooltip .tooltip__content {
    background-color: #fff;
    color: #888b8d;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #CCCCCC;
    opacity: 0;
    pointer-events: none;
    font-size: 14px;
    line-height: 20px;
    transition: opacity ease 0.3s;
    position: absolute;
    padding: 20px;
    width: 200px;
    z-index: 3; }
    .tooltip .tooltip__content ul {
      padding-left: 30px; }
      .tooltip .tooltip__content ul li {
        color: inherit;
        font-size: inherit;
        line-height: 20px; }
  .tooltip:hover {
    cursor: pointer; }
    .tooltip:hover .tooltip__content {
      opacity: 1; }

@-webkit-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-keyframes $name {
  from {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes bulge {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  80% {
    -webkit-transform: scaleY(1.15);
            transform: scaleY(1.15); }
  92% {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95); }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }

@keyframes fade-out {
  0% {
    opacity: 1.0; }
  100% {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slide-up {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
            transform: translate3d(0, 25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-up--big {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slide-down--big {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.icon {
  position: relative;
  width: 85px;
  height: 85px;
  margin: 0 auto; }
  @media only screen and (min-width: 1440px) {
    .icon {
      width: 120px;
      height: 120px; } }
  .icon .icon__item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transition: all 300ms ease-out; }
    .icon .icon__item--background {
      z-index: 1; }
    .icon .icon__item--foreground {
      z-index: 2; }
  @media only screen and (min-width: 640px) {
    .icon:not(.no-hover):hover .icon__item {
      -webkit-transform: translate(0, 0) translateY(-10px);
              transform: translate(0, 0) translateY(-10px); }
      .icon:not(.no-hover):hover .icon__item--foreground {
        -webkit-transform: translate(0, 0) translateY(-20px);
                transform: translate(0, 0) translateY(-20px); } }

@media only screen and (min-width: 640px) {
  .network-of-networks:hover:not(.no-hover):hover .icon__item {
    transition-delay: unset; } }