@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,900,900italic,700italic,700");
@media screen and (max-width: 1064px) {
  .media-hidden--mobile {
    display: none !important; } }

.button {
  background: #43b874;
  border: none;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  padding: 13px 30px;
  text-align: center;
  text-decoration: none; }
  .button:hover {
    background-color: #54c182; }
  .button:active {
    background-color: #3ca668; }
  .button:disabled, .button.disabled {
    background-color: #dde6e3;
    cursor: not-allowed; }
    .button:disabled:hover, .button:disabled:active, .button.disabled:hover, .button.disabled:active {
      background-color: #dde6e3; }
  .button.sm {
    font-size: 12px;
    padding: 7px 15px; }
  .button.md {
    font-size: 12px;
    padding: 10px 18px; }
  .button.button--inverted {
    background: white;
    border: none;
    border-radius: 3px;
    color: #43b874;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1em;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    padding: 13px 30px;
    text-align: center;
    text-decoration: none; }
    .button.button--inverted:hover {
      background-color: white; }
    .button.button--inverted:active {
      background-color: #e6e6e6; }
    .button.button--inverted:disabled, .button.button--inverted.disabled {
      background-color: #dde6e3;
      cursor: not-allowed; }
      .button.button--inverted:disabled:hover, .button.button--inverted:disabled:active, .button.button--inverted.disabled:hover, .button.button--inverted.disabled:active {
        background-color: #dde6e3; }
    .button.button--inverted.sm {
      font-size: 12px;
      padding: 7px 15px; }
    .button.button--inverted.md {
      font-size: 12px;
      padding: 10px 18px; }
  .button.button--highlight {
    background: #fdcc06;
    border: none;
    border-radius: 3px;
    color: #1a2422;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1em;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    padding: 13px 30px;
    text-align: center;
    text-decoration: none; }
    .button.button--highlight:hover {
      background-color: #fdd11f; }
    .button.button--highlight:active {
      background-color: #e7ba02; }
    .button.button--highlight:disabled, .button.button--highlight.disabled {
      background-color: #dde6e3;
      cursor: not-allowed; }
      .button.button--highlight:disabled:hover, .button.button--highlight:disabled:active, .button.button--highlight.disabled:hover, .button.button--highlight.disabled:active {
        background-color: #dde6e3; }
    .button.button--highlight.sm {
      font-size: 12px;
      padding: 7px 15px; }
    .button.button--highlight.md {
      font-size: 12px;
      padding: 10px 18px; }

.button--line {
  background: transparent;
  border: 1px solid;
  border-radius: 3px;
  color: #43b874;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  padding: 11px 28px;
  text-align: center;
  text-decoration: none; }
  .button--line:hover {
    background-color: rgba(67, 184, 116, 0.1); }
  .button--line:active {
    background-color: rgba(67, 184, 116, 0.2); }
  .button--line:disabled, .button--line.disabled {
    color: #dde6e3;
    cursor: not-allowed; }
    .button--line:disabled:hover, .button--line:disabled:active, .button--line.disabled:hover, .button--line.disabled:active {
      background-color: transparent; }
  .button--line.sm {
    font-size: 12px;
    padding: 5px 13px; }
  .button--line.md {
    font-size: 12px;
    padding: 8px 16px; }
  .button--line.button--highlight {
    background: transparent;
    border: 1px solid;
    border-radius: 3px;
    color: #fdcc06;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1em;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    padding: 11px 28px;
    text-align: center;
    text-decoration: none; }
    .button--line.button--highlight:hover {
      background-color: rgba(253, 204, 6, 0.1); }
    .button--line.button--highlight:active {
      background-color: rgba(253, 204, 6, 0.2); }
    .button--line.button--highlight:disabled, .button--line.button--highlight.disabled {
      color: #dde6e3;
      cursor: not-allowed; }
      .button--line.button--highlight:disabled:hover, .button--line.button--highlight:disabled:active, .button--line.button--highlight.disabled:hover, .button--line.button--highlight.disabled:active {
        background-color: transparent; }
    .button--line.button--highlight.sm {
      font-size: 12px;
      padding: 5px 13px; }
    .button--line.button--highlight.md {
      font-size: 12px;
      padding: 8px 16px; }
  .button--line.button--muted {
    background: transparent;
    border: 1px solid;
    border-radius: 3px;
    color: #454f4c;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1em;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    padding: 11px 28px;
    text-align: center;
    text-decoration: none; }
    .button--line.button--muted:hover {
      background-color: rgba(69, 79, 76, 0.1); }
    .button--line.button--muted:active {
      background-color: rgba(69, 79, 76, 0.2); }
    .button--line.button--muted:disabled, .button--line.button--muted.disabled {
      color: #dde6e3;
      cursor: not-allowed; }
      .button--line.button--muted:disabled:hover, .button--line.button--muted:disabled:active, .button--line.button--muted.disabled:hover, .button--line.button--muted.disabled:active {
        background-color: transparent; }
    .button--line.button--muted.sm {
      font-size: 12px;
      padding: 5px 13px; }
    .button--line.button--muted.md {
      font-size: 12px;
      padding: 8px 16px; }

.button.button--spread,
.button--line.button--spread {
  width: 100%; }
.button.button--small,
.button--line.button--small {
  font-size: 0.9em;
  padding: 0.5em 1em; }

@keyframes bounce {
  0% {
    transform: translatey(0); }
  50% {
    transform: translatey(-5px); }
  100% {
    transform: translatey(0); } }
@keyframes slideup {
  0% {
    transform: translatey(100%); }
  100% {
    transform: translatey(0); } }
@keyframes swirl {
  100% {
    transform: rotate(360deg); } }
* {
  box-sizing: border-box; }

body {
  background-color: #1a2422;
  color: #454f4c;
  font-family: "Roboto", sans-serif;
  line-height: 1.5;
  margin: 0; }

h1,
h2,
h3 {
  font-weight: 400; }
  h1:first-child,
  h2:first-child,
  h3:first-child {
    margin-top: 0; }

p {
  color: #7e8f89;
  margin: 0; }
  p + p {
    margin-top: 1em; }
  p strong {
    color: #454f4c;
    font-weight: 400; }
  p a {
    color: #43b874;
    font-weight: 400;
    text-decoration: none; }

img {
  max-width: 100%; }

.nowrap {
  white-space: nowrap; }

.nobreak {
  word-break: keep-all; }

.modalMask {
  display: none;
  position: fixed;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9000; }

.windowModal {
  width: 100%;
  max-width: 700px;
  height: 100%;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.contentCloseModal {
  right: -15px;
  top: -15px;
  position: absolute;
  font-size: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #1d1d1d;
  border-radius: 50%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2; }

.contentForm {
  width: 100%;
  max-height: 100%;
  position: relative;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  padding: 30px;
  border-radius: 10px; }

.contentWrap {
  display: flex;
  justify-content: center;
  align-items: center; }

.wrap {
  margin: 0 auto;
  max-width: 1124px; }

.wrap--m {
  max-width: 860px; }

.wrap--s {
  max-width: 640px; }

.wrap--tight {
  line-height: 0; }

.link--external:after {
  content: "⌝";
  margin-left: 0.2em;
  opacity: 0.5; }

.link--internal:after {
  content: "→";
  margin-left: 0.2em; }

.site-header {
  left: 0;
  padding: 20px;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 300ms;
  z-index: 3; }

.site-header__content {
  align-items: center;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1064px) {
    .site-header__content {
      display: block;
      text-align: center; } }

.site-header--scrolled {
  background: #1a2422;
  padding: 20px; }

@media screen and (max-width: 1064px) {
  .site-logo {
    height: 30px;
    margin-bottom: 20px; } }

.site-menu__list {
  margin: 0;
  padding: 0; }

.site-menu__item {
  display: inline-block;
  margin-left: 1.3rem; }
  @media screen and (max-width: 1064px) {
    .site-menu__item {
      margin: 0 0.5rem 0.5rem; } }

.site-menu__link {
  color: #c2cbc7;
  text-decoration: none; }
  .site-menu__link:hover, .site-menu__link:focus {
    color: white;
    font-weight: 600; }

.badge--yellow {
  color: #d8b400;
  display: inline-block;
  font-size: 0.9em;
  font-weight: 500;
  text-transform: uppercase; }
  .badge--yellow:before {
    content: "— "; }
  .badge--yellow:after {
    content: " —"; }

.page-header {
  background-color: #1a2422;
  color: white;
  padding: 150px 20px 100px;
  position: relative;
  text-align: center; }
  @media screen and (max-width: 1064px) {
    .page-header {
      padding-top: 200px; } }

.page-header__icon,
.page-header__title {
  position: relative; }

.page-header__title {
  font-weight: 400;
  font-size: 2em;
  margin: 0; }

.page-header__subtitle {
  color: #7e8f89;
  font-size: 1.4em; }

.statement--big {
  color: #454f4c;
  font-size: 1.4em;
  font-style: italic; }

.footnotes {
  color: #c2cbc7;
  font-size: 0.8rem;
  margin: 4rem 0 -3rem; }
  @media screen and (max-width: 1064px) {
    .footnotes {
      margin-bottom: -1rem; } }

.asterisk {
  color: #7e8f89; }

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

.heading--spaced {
  margin-bottom: 60px; }
  @media screen and (max-width: 1064px) {
    .heading--spaced {
      font-size: 1.4em;
      margin-bottom: 40px; } }

.heading__action {
  margin: -40px 0 60px; }
  @media screen and (max-width: 1064px) {
    .heading__action {
      margin: -20px 0 40px; } }

.heading__subtitle {
  font-size: 1.2em;
  margin: -1em 0 40px; }

.hero {
  background-color: #1a2422;
  position: relative;
  text-align: center; }

.hero__slider {
  line-height: 0; }

.hero__picture {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px;
  width: 100%; }

.hero__picture--01 {
  background-image: url("/img/hero/01.jpg"); }

.hero__picture--02 {
  background-image: url("/img/hero/02.jpg"); }

.hero__picture--03 {
  background-image: url("/img/hero/03.jpg"); }

.hero__picture--04 {
  background-image: url("/img/hero/04.jpg"); }

.hero__picture--05 {
  background-image: url("/img/hero/05.jpg"); }

.hero__copy {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%; }
  @media screen and (max-width: 1064px) {
    .hero__copy {
      margin-top: 160px;
      top: 0;
      transform: translate(-50%, 0); } }

.hero__title {
  color: #dde6e3;
  font-size: 3em; }
  @media screen and (max-width: 1064px) {
    .hero__title {
      font-size: 2em;
      padding: 0 20px; } }
  @media screen and (max-width: 320px) {
    .hero__title {
      font-size: 1.8em; } }

.hero__text {
  color: #c2cbc7;
  font-size: 1.5em; }
  @media screen and (max-width: 1064px) {
    .hero__text {
      font-size: 1.2em;
      padding: 0 20px; } }
  @media screen and (max-width: 320px) {
    .hero__text {
      font-size: 1em; } }

.hero__actions {
  margin-top: 4em; }
  @media screen and (max-width: 1064px) {
    .hero__actions {
      margin-top: 2em; } }

.hero__action {
  margin: 0 1em; }
  @media screen and (max-width: 1064px) {
    .hero__action {
      margin: 0.5em 0; } }

.motif {
  overflow: hidden;
  position: relative; }
  .motif > * {
    position: relative; }
  .motif:before {
    animation: swirl 120s linear infinite;
    background: url("/img/bg-experimental.svg") repeat center center transparent;
    background-size: 1000px;
    bottom: -200%;
    content: "";
    left: -200%;
    opacity: 0.2;
    pointer-events: none;
    position: absolute;
    right: -200%;
    top: -200%;
    z-index: 0; }

.motif--strong:before {
  opacity: 0.3; }

.motif--stronger:before {
  opacity: 0.4; }

.motif--kernels:before {
  background: url("/img/bg-kernels.svg") repeat center center transparent;
  opacity: 1; }

.slice {
  background-color: white;
  padding: 5em 0; }
  @media screen and (max-width: 1064px) {
    .slice {
      padding: 2em 20px; } }
  .slice + .slice {
    border-top: 1px solid #dde6e3; }

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

.slice--alternate {
  background-color: #f5f9f8; }

.slice--highlight {
  background-color: #43b874; }
  .slice--highlight p,
  .slice--highlight h2 {
    color: white; }
  .slice--highlight p {
    font-size: 1.2em;
    margin-bottom: 1em; }

.slice--dark {
  background: linear-gradient(120deg, #1a2422, #454f4c); }

.slice--no-bottom {
  padding-bottom: 0; }

.slice__content--no-bottom {
  line-height: 0; }

.slice--tight {
  padding: 0; }

.highlights {
  background: linear-gradient(95deg, #f5f9f8 50%, #eff3f2 50%); }
  @media screen and (max-width: 1064px) {
    .highlights {
      background: linear-gradient(178deg, #f5f9f8 50%, #eff3f2 50%); } }

.highlights__wrapper {
  display: flex;
  justify-content: center;
  position: relative; }
  @media screen and (max-width: 1064px) {
    .highlights__wrapper {
      display: block; } }

.highlights__illustration {
  height: 350px; }
  @media screen and (max-width: 1064px) {
    .highlights__illustration {
      height: 200px; } }

.highlights__item {
  margin: 0 80px;
  width: 50%; }
  @media screen and (max-width: 1064px) {
    .highlights__item {
      margin: 0;
      width: 100%; } }
  @media screen and (max-width: 1064px) {
    .highlights__item + .highlights__item {
      margin-top: 40px; } }

.highlights__title {
  font-size: 1.4em;
  font-weight: 500;
  margin: 0;
  padding-top: 20px;
  text-align: left; }

.highlights__description {
  color: #7e8f89;
  margin: 20px 0;
  text-align: left; }

.dashboard {
  background-color: #f5f9f8; }

.dashboard__container {
  padding: 60px;
  position: relative; }
  @media screen and (max-width: 1064px) {
    .dashboard__container {
      padding: 0; } }

.dashboard__picture {
  box-shadow: 0 0 40px rgba(69, 79, 76, 0.4);
  max-width: 100%; }
  @media screen and (max-width: 1064px) {
    .dashboard__picture {
      box-shadow: none;
      margin: 0 -20px;
      max-width: calc(100% + 40px); } }

.dashboard__zoom {
  animation: bounce 2s infinite;
  background-color: #fdcc06;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(26, 36, 34, 0.5);
  line-height: 1.2;
  padding: 20px;
  position: absolute; }
  @media screen and (max-width: 1064px) {
    .dashboard__zoom {
      animation: none;
      margin-top: 20px;
      position: static;
      width: 100% !important; } }
  .dashboard__zoom:before {
    border: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    width: 0; }
    @media screen and (max-width: 1064px) {
      .dashboard__zoom:before {
        display: none; } }

.dashboard__title {
  color: #1a2422;
  font-size: 1em;
  margin: 0 0 0.5em; }

.dashboard__description {
  color: rgba(26, 36, 34, 0.5);
  font-size: 0.8em;
  font-weight: 400;
  margin: 0; }

.dashboard__zoom--first {
  left: 540px;
  top: 30px;
  width: 270px; }
  .dashboard__zoom--first:before {
    border-right-color: #fdcc06;
    left: -20px;
    top: 50%;
    transform: translatey(-50%); }

.dashboard__zoom--second {
  left: 0;
  top: 220px;
  width: 300px; }
  .dashboard__zoom--second:before {
    border-left-color: #fdcc06;
    right: -20px;
    top: 50%;
    transform: translatey(-50%); }

.dashboard__zoom--third {
  right: 0;
  bottom: 170px;
  width: 310px; }
  .dashboard__zoom--third:before {
    border-top-color: #fdcc06;
    bottom: -20px;
    left: 50%;
    transform: translatex(-50%); }

.altlist {
  list-style: none;
  padding: 0; }

.altlist__item + .altlist__item {
  border-top: 1px solid #dde6e3;
  margin-top: 1em;
  padding-top: 1em; }

.info {
  display: flex; }
  @media screen and (max-width: 1064px) {
    .info {
      display: block; } }

.info__video {
  flex-basis: 50%;
  flex-grow: 1; }

.info__features {
  align-self: center;
  border-radius: 3px;
  flex-basis: 50%;
  flex-grow: 0;
  margin-left: 40px; }
  @media screen and (max-width: 1064px) {
    .info__features {
      margin-left: 0; } }

.info__list {
  list-style: none;
  margin: 0;
  padding: 0; }

.info__item {
  background-color: #f5f9f8;
  border: 1px solid #dde6e3;
  flex-basis: 48%;
  padding: 20px 30px;
  transform: skew(2deg); }
  @media screen and (max-width: 1064px) {
    .info__item {
      margin-top: 20px;
      padding: 10px;
      text-align: center; } }
  .info__item + .info__item {
    margin-top: 20px; }

.info__content {
  transform: skew(-2deg); }

.cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left; }
  @media screen and (max-width: 1064px) {
    .cards {
      display: block; } }

.cards__item {
  background-color: white;
  box-shadow: 0 5px 10px rgba(26, 36, 34, 0.1);
  border: 1px solid #dde6e3;
  flex-basis: 48%;
  margin: 10px;
  padding: 20px 30px;
  transform: skew(2deg); }
  @media screen and (max-width: 1064px) {
    .cards__item {
      margin: 0;
      transform: skew(0.5deg); } }
  .cards__item + .cards__item {
    margin-top: 20px; }

.cards__item--inverted {
  transform: skew(-2deg); }
  @media screen and (max-width: 1064px) {
    .cards__item--inverted {
      transform: skew(-0.5deg); } }

.cards__icon {
  width: 64px; }

.cards__title {
  color: #1a2422;
  font-size: 1.1em; }

.cards__content {
  transform: skew(-2deg); }
  @media screen and (max-width: 1064px) {
    .cards__content {
      transform: skew(-0.5deg); } }

.cards__content--inverted {
  transform: skew(2deg); }
  @media screen and (max-width: 1064px) {
    .cards__content--inverted {
      transform: skew(0.5deg); } }

.slider__arrow {
  background: #43b874;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  font-size: 1.2em;
  padding: 10px;
  position: absolute;
  top: 50%;
  transform: translatey(-50%); }

.slider__arrow--prev {
  left: 0; }

.slider__arrow--next {
  right: 0; }

.grid-features {
  background-color: #fcfdfc;
  border: 1px solid #c2cbc7;
  border-radius: 8px;
  display: flex;
  margin: 4rem 0;
  overflow: hidden;
  position: relative;
  text-align: center; }
  .grid-features:before {
    content: "";
    border: 10px solid transparent;
    border-bottom-color: #dde6e3;
    left: calc(50% - 10px);
    position: absolute;
    top: -21px; }
  @media screen and (max-width: 1064px) {
    .grid-features {
      border: none;
      flex-wrap: wrap; } }

.grid-features__item {
  flex-basis: 25%; }
  .grid-features__item + .grid-features__item {
    border-left: 1px solid #dde6e3; }
    @media screen and (max-width: 1064px) {
      .grid-features__item + .grid-features__item {
        border-color: #c2cbc7; } }
  @media screen and (max-width: 1064px) {
    .grid-features__item {
      border: 1px solid #c2cbc7;
      border-radius: 8px;
      flex-basis: 100%;
      margin-bottom: 10px; } }

.grid-features__title {
  border-top: 1px solid #dde6e3;
  font-size: 1em;
  margin: 0;
  padding: 1em; }

.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0; }
  @media screen and (max-width: 1064px) {
    .products {
      display: block; } }

.products__item {
  display: flex;
  flex-basis: 49%;
  padding: 40px 0; }

.products__item--stacked {
  display: block;
  padding: 20px;
  text-align: left; }
  @media screen and (max-width: 1064px) {
    .products__item--stacked {
      text-align: center; } }

.products__link {
  border-radius: 1px;
  display: block;
  flex: 1;
  overflow: hidden;
  text-decoration: none; }
  .products__link:hover, .products__link:focus {
    background-color: #f5f9f8;
    box-shadow: 0 0 0 10px #f5f9f8, 0 0 0 11px #dde6e3; }

.products__icon {
  float: left;
  margin-right: 20px; }
  @media screen and (max-width: 1064px) {
    .products__icon {
      float: none;
      margin: 0 0 0.3rem;
      width: 4rem; } }

.products__title {
  color: #454f4c;
  padding-top: 0.6em;
  margin: 0; }
  .products__title:after {
    color: #43b874;
    content: " →"; }

.products__description {
  margin: 0.5em 0 0; }

.site-footer {
  background-color: #1a2422;
  font-size: 0.9em;
  line-height: 2;
  padding: 60px 0; }
  @media screen and (max-width: 1064px) {
    .site-footer {
      padding: 40px 20px; } }

.site-footer__nav {
  align-items: flex-start;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1064px) {
    .site-footer__nav {
      display: block; } }

.site-footer__about,
.site-footer__list {
  flex-grow: 1; }

.site-footer__list {
  color: #454f4c;
  list-style: square inside;
  margin: 0;
  padding: 0; }
  @media screen and (max-width: 1064px) {
    .site-footer__list {
      border-top: 1px solid #454f4c;
      margin-top: 20px;
      padding-top: 20px; } }

.site-footer__link {
  color: #dde6e3;
  text-decoration: none; }
  .site-footer__link:hover, .site-footer__link:focus {
    color: #43b874;
    font-weight: 500; }

.social-links {
  margin-top: 20px; }
  @media screen and (max-width: 1064px) {
    .social-links {
      border-top: 1px solid #454f4c;
      margin-top: 20px;
      padding-top: 20px; } }

.social-links__link {
  display: inline-block;
  margin-right: 20px;
  text-decoration: none; }

.site-footer__disclaimer {
  color: #7e8f89;
  line-height: 1.5;
  margin: 10px 0; }

.testimonials {
  display: grid;
  grid-gap: 60px;
  grid-template-columns: 1fr 1fr 1fr; }
  @media screen and (max-width: 1064px) {
    .testimonials {
      grid-template-columns: 1fr;
      padding: 20px; } }

.testimonials__item {
  margin: 0; }

.testimonials__text {
  color: #454f4c;
  font-size: 1.1em;
  line-height: 1.5;
  margin-bottom: 20px;
  quotes: "“" "”"; }
  .testimonials__text:after, .testimonials__text:before {
    color: #43b874;
    font-size: 1.2em;
    font-weight: 700; }
  .testimonials__text:before {
    content: open-quote;
    margin-right: 0.1em; }
  .testimonials__text:after {
    content: close-quote;
    margin-left: -0.1em; }

.testimonials__highlight {
  background-color: rgba(253, 204, 6, 0.2); }

.testimonials__credit {
  align-items: center;
  display: flex;
  font-style: normal;
  justify-content: flex-start;
  line-height: 1.2; }

.testimonials__picture {
  border: 1px solid #7e8f89;
  border-radius: 100%;
  margin-right: 10px; }

.testimonials__name {
  color: #7e8f89; }

.testimonials__title {
  color: #c2cbc7;
  font-size: 0.9em; }

.testimonials__actions {
  margin-top: 40px;
  text-align: center; }

.quote--highlight {
  font-size: 1.2em;
  font-style: italic;
  line-height: 1.6;
  margin: 0; }
  @media screen and (max-width: 1064px) {
    .quote--highlight {
      font-size: 1em;
      margin: 0 0 0 40px;
      position: relative; } }
  .quote--highlight:before {
    color: #c2cbc7;
    content: "“";
    float: left;
    font-family: serif;
    font-size: 4em;
    font-style: normal;
    margin-top: -24px;
    padding: 0 20px; }
    @media screen and (max-width: 1064px) {
      .quote--highlight:before {
        font-size: 3em;
        left: -0.7em;
        margin: 0;
        padding: 0;
        position: absolute;
        top: -0.3em; } }

.punchline {
  color: #43b874;
  font-size: 1.4em;
  font-style: italic; }

.plans {
  border-collapse: collapse;
  font-size: 0.9rem; }
  @media screen and (max-width: 1064px) {
    .plans {
      display: none; } }
  .plans th, .plans td {
    border: 1px solid #c2cbc7;
    padding: 0.5em 1em; }
  .plans th:empty {
    border: none; }
  .plans thead {
    color: #454f4c; }
  .plans tbody {
    color: #7e8f89; }
  .plans tbody tr:hover {
    background: #FFD; }
  .plans tfoot {
    text-align: center; }
    .plans tfoot th,
    .plans tfoot td {
      border: none; }
  .plans .plans__title {
    font-size: 1.2rem;
    line-height: 1.2;
    width: 150px; }
  .plans .plans__subtitle {
    font-weight: normal;
    vertical-align: top; }
  .plans .plans__feature {
    font-weight: normal;
    text-align: left;
    width: 270px; }
  .plans .plans__summary {
    background: linear-gradient(#dde6e3 0, white 100%); }
  .plans .plans__toggle {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    margin: -0.5rem 0 -0.5rem -1rem;
    padding: 0.5rem;
    vertical-align: middle; }
    .plans .plans__toggle:hover .plans__toggle-icon, .plans .plans__toggle:focus .plans__toggle-icon {
      transform: rotate(-30deg); }
  .plans .plans__toggle-icon {
    width: 24px;
    transform: rotate(-90deg);
    transition: transform 300ms; }
  .plans .plans__toggle--opened .plans__toggle-icon {
    transform: rotate(0deg); }
  .plans .plans__price-label {
    color: #7e8f89;
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase; }
  .plans .plans__price-value {
    font-size: 1.1rem;
    font-weight: bold; }
  .plans .plans__price-currency {
    color: #7e8f89;
    font-size: 0.7em;
    margin-right: 0.2em;
    vertical-align: 0.25em; }
  .plans .plans__price,
  .plans .plans__cta {
    padding: 0.5rem; }

.plans-mobile {
  display: none;
  text-align: center; }
  @media screen and (max-width: 1064px) {
    .plans-mobile {
      display: block; } }

.plans-mobile__item {
  border: 1px solid #43b874;
  border-radius: 3px; }
  .plans-mobile__item + .plans-mobile__item {
    margin-top: 20px; }

.plans-mobile__name {
  background-color: #43b874;
  color: white;
  font-weight: bold;
  margin: 0;
  padding: 0.5rem; }

.plans-mobile__features {
  list-style: none;
  margin: 0;
  padding: 0 0.5rem; }

.plans-mobile__feature {
  border-bottom: 1px solid #c2cbc7;
  padding: 0.5rem; }

.plans-mobile__feature-name {
  color: #7e8f89;
  font-size: 0.8em; }

.plans-mobile__price {
  background: linear-gradient(white 0, #eff3f2 100%);
  color: #43b874;
  font-weight: bold;
  padding: 1rem; }

.plans-mobile__cta {
  margin-top: 20px; }
  .plans-mobile__cta .button {
    margin-top: 20px; }

.two-inputs {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 2rem 0;
  padding: 0;
  text-align: left; }
  @media screen and (max-width: 1064px) {
    .two-inputs {
      display: block; } }

.two-inputs__item {
  background-color: #fdcc06;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(26, 36, 34, 0.5);
  line-height: 1.2;
  margin: 0 1rem;
  padding: 20px;
  position: relative;
  width: 22rem; }
  @media screen and (max-width: 1064px) {
    .two-inputs__item {
      margin: 0 0 1rem;
      width: auto; } }
  .two-inputs__item:before {
    border: 10px solid transparent;
    border-top-color: #fdcc06;
    bottom: -30px;
    content: "";
    height: 0;
    position: absolute;
    transform: translatey(-50%);
    width: 0; }
    @media screen and (max-width: 1064px) {
      .two-inputs__item:before {
        display: none; } }

.two-inputs__item--one:before {
  left: 80%; }

.two-inputs__item--two:before {
  right: 80%; }

.addons {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0; }

.addons-item {
  background: url("/img/plus.svg") no-repeat center 20px;
  border: 1px solid #dde6e3;
  border-radius: 6px;
  padding: 70px 20px 20px;
  text-align: center;
  width: 24%; }

.addons-name {
  font-size: 1.2em;
  margin-bottom: 10px; }

.addons-price {
  color: #43b874;
  font-size: 1.2em; }
  .addons-price small {
    color: #c2cbc7;
    font-size: 0.7em; }

.pillars {
  list-style: none;
  margin: 0;
  padding: 0; }

.pillars__item {
  background: white;
  box-shadow: 0 5px 10px rgba(26, 36, 34, 0.1);
  display: flex;
  padding: 20px; }
  @media screen and (max-width: 1064px) {
    .pillars__item {
      display: block; } }
  .pillars__item + .pillars__item {
    margin-top: 20px; }

.pillars__title {
  flex-shrink: 0;
  margin: 0;
  width: 100px; }
  @media screen and (max-width: 1064px) {
    .pillars__title {
      border-bottom: 1px solid #dde6e3;
      margin-bottom: 0.5em;
      padding-bottom: 0.5em;
      width: 100%; } }

.pillars__description {
  border-left: 1px solid #dde6e3;
  padding-left: 20px; }
  @media screen and (max-width: 1064px) {
    .pillars__description {
      border: none;
      padding: 0; } }

.press {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0; }

.press__item {
  margin: 20px; }

.press__link,
.press__no-link {
  opacity: 0.8; }

.press__link:hover,
.press__link:focus {
  opacity: 1; }

.choice {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0; }
  @media screen and (max-width: 1064px) {
    .choice {
      display: block; } }

.choice__item {
  flex-basis: 30%; }
  .choice__item + .choice__item {
    margin-left: 20px; }
    @media screen and (max-width: 1064px) {
      .choice__item + .choice__item {
        margin: 20px 0 0; } }

.choice__link {
  background-color: #43b874;
  border-radius: 3px;
  display: block;
  padding: 40px 20px;
  text-decoration: none;
  transition: transform 100ms; }
  @media screen and (max-width: 1064px) {
    .choice__link {
      padding: 20px 10px; } }
  .choice__link:focus, .choice__link:hover {
    transform: scale(1.05); }

.choice__icon {
  width: 90px; }

.choice__title {
  color: white;
  font-size: 1.4em; }

.choice__description {
  color: #eff3f2;
  font-size: 0.9em;
  line-height: 1.3; }

.contact-form {
  margin: 0 auto 60px;
  max-width: 400px; }

.contact-form-footer {
  margin-top: 20px; }

.field-wrap + .field-wrap {
  margin-top: 20px; }

input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
textarea,
select {
  background: white;
  border: 1px solid #c2cbc7;
  border-radius: 3px;
  display: block;
  font-size: 1em;
  padding: 0.5em;
  width: 100%; }
  input[type="text"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  textarea:focus,
  select:focus {
    border-color: #43b874;
    box-shadow: inset 0 0 0 1px #43b874;
    outline: none; }
  input[type="text"].error,
  input[type="number"].error,
  input[type="email"].error,
  input[type="tel"].error,
  textarea.error,
  select.error {
    background: url("/img/warning.svg") no-repeat right 2px;
    border-color: #cc4d2a;
    box-shadow: 0 0 0 2px #cc4d2a;
    padding-right: 28px; }

input[type="radio"].error:before {
  content: url("/img/warning.svg");
  display: inline-block;
  margin-left: -28px;
  margin-top: -9px; }

textarea {
  height: 10em;
  resize: vertical; }

label small {
  color: #c2cbc7;
  font-size: 1em; }

.courses {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0; }
  @media screen and (max-width: 1064px) {
    .courses {
      display: block; } }

.courses__item {
  flex-basis: calc(25% - .75rem);
  margin: 0 1rem 1rem 0; }
  @media screen and (max-width: 1064px) {
    .courses__item {
      margin: 0 0 20px; } }
  .courses__item:nth-child(4n) {
    margin-right: 0; }

.courses__link {
  border: 1px solid #c2cbc7;
  border-radius: 3px;
  color: #454f4c;
  display: block;
  line-height: 0;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.2s; }
  .courses__link:hover, .courses__link:focus {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    transform: scale(1.01) translatey(-0.2rem); }

.courses__cover {
  width: 100%; }

.courses__info {
  border-top: 1px solid #c2cbc7;
  display: flex;
  flex-direction: column;
  height: 120px;
  justify-content: space-between;
  padding: 1rem; }

.courses__title,
.courses__meta {
  margin: 0; }

.courses__title {
  font-size: 1.2rem;
  line-height: 1.2; }

.courses__meta {
  color: #7e8f89;
  font-size: 0.9rem; }

.courses__action {
  background-color: white;
  padding: 0 1rem 1rem; }

.courses__cta {
  background-color: #43b874;
  border-radius: 6px;
  color: white;
  display: block;
  line-height: 1.2;
  padding: 0.5rem;
  text-align: center; }

.software-slider {
  background-color: black;
  border-radius: 0.5rem; }
  @media screen and (max-width: 1064px) {
    .software-slider {
      border-radius: 0;
      margin: 0.5rem -20px; } }

.software-slider__item {
  background-size: cover;
  border-radius: 0.5rem;
  overflow: hidden;
  text-align: left; }

.software-slider__item--beef {
  background-image: url("/img/software/map-beef.jpg"); }

.software-slider__item--citrus {
  background-image: url("/img/software/map-citrus.jpg"); }

.software-slider__item--coffee {
  background-image: url("/img/software/map-coffee.jpg"); }

.software-slider__item--custom {
  background-image: url("/img/software/map-custom.jpg"); }

.software-slider__item--dairy {
  background-image: url("/img/software/map-dairy.jpg"); }

.software-slider__item--fish {
  background-image: url("/img/software/map-fish.jpg"); }

.software-slider__item--forest {
  background-image: url("/img/software/map-forest.jpg"); }

.software-slider__item--grain {
  background-image: url("/img/software/map-grain.jpg"); }

.software-slider__item--greenery {
  background-image: url("/img/software/map-greenery.jpg"); }

.software-slider__item--poultry {
  background-image: url("/img/software/map-poultry.jpg"); }

.software-slider__item--sugarcane {
  background-image: url("/img/software/map-sugarcane.jpg"); }

.software-slider__content {
  display: flex; }
  @media screen and (max-width: 1064px) {
    .software-slider__content {
      display: block; } }

.software-slider__image {
  flex-basis: 40%;
  margin: 1rem 1rem 1rem 3rem; }
  @media screen and (max-width: 1064px) {
    .software-slider__image {
      margin: 0; } }

.software-slider__description {
  align-items: center;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 200px);
  color: #dde6e3;
  display: flex;
  flex-grow: 1;
  font-size: 1.2rem;
  padding-left: 6rem;
  text-shadow: 0 0 1rem black; }
  @media screen and (max-width: 1064px) {
    .software-slider__description {
      font-size: 1rem;
      padding: 1rem; } }

.software-slider__features {
  margin: 0; }

.software-nav {
  margin-top: 3rem;
  padding: 1rem 0; }

.software-nav__button {
  background: none;
  border: none;
  color: #7e8f89;
  cursor: pointer;
  font-size: 0.9rem;
  margin: 0 0.2rem;
  padding: 0.3rem;
  white-space: nowrap; }

.software-nav__button--active {
  border-bottom: 1px solid;
  color: #43b874;
  font-weight: bold; }

.panel {
  background-size: contain;
  background-repeat: no-repeat; }

.panel__content {
  background: linear-gradient(275deg, rgba(255, 255, 255, 0) 2rem, white 24rem);
  margin: 0 10% 0 0;
  padding: 5rem 23rem 5rem 0; }
  @media screen and (max-width: 1064px) {
    .panel__content {
      margin: 0;
      padding: 2em 20px; } }

.panel--alt__content {
  background: linear-gradient(95deg, rgba(255, 255, 255, 0) 2rem, white 24rem);
  margin: 0 0 0 10%;
  padding: 5rem 0 5rem 23rem; }
  @media screen and (max-width: 1064px) {
    .panel--alt__content {
      margin: 0;
      padding: 2em 20px; } }

.panel--autopilot {
  background-image: url("/img/panels/panel-1.jpg");
  background-position: 400px center; }
  @media screen and (max-width: 1064px) {
    .panel--autopilot {
      background: none; } }

.panel--university {
  background-image: url("/img/panels/panel-2.jpg");
  background-position: 0 center; }
  @media screen and (max-width: 1064px) {
    .panel--university {
      background: none; } }

.panel--analyst {
  background-image: url("/img/panels/panel-3.jpg");
  background-position: 500px center; }
  @media screen and (max-width: 1064px) {
    .panel--analyst {
      background: none; } }

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 4rem; }
  @media screen and (max-width: 1064px) {
    .gallery {
      margin-top: 2rem; } }

.gallery__link {
  flex-basis: 10%;
  margin: 1rem;
  transition: transform 200ms; }
  @media screen and (max-width: 1064px) {
    .gallery__link {
      flex-basis: 25%;
      margin: 0.5rem; } }
  .gallery__link:hover {
    transform: scale(1.1); }

.gallery__thumbnail {
  border: 1px solid #c2cbc7; }

.announcement {
  animation: 300ms ease-out 3s 1 normal both running slideup;
  background-color: white;
  border-top: 0.5em solid #fdcc06;
  bottom: 0;
  box-shadow: 0 -0.5em 2em rgba(0, 0, 0, 0.3);
  left: 0;
  padding: 1rem;
  position: fixed;
  right: 0;
  z-index: 3; }

.announcement__content {
  align-items: center;
  display: flex;
  position: relative; }
  @media screen and (max-width: 1064px) {
    .announcement__content {
      display: block;
      text-align: center; } }

.announcement__close {
  background: white;
  border: none;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  margin: 0;
  outline: none;
  padding: 0.5em 0.6em;
  position: absolute;
  right: 0;
  top: -4em; }

.announcement__icon {
  margin-right: 1em; }
  @media screen and (max-width: 1064px) {
    .announcement__icon {
      display: none; } }

.announcement__info {
  flex-grow: 1; }

.announcement__title {
  font-size: 1.2em;
  margin: 0; }
  @media screen and (max-width: 1064px) {
    .announcement__title {
      font-size: 1em; } }

.announcement__text {
  color: #7e8f89;
  margin: 0; }
  @media screen and (max-width: 1064px) {
    .announcement__text {
      display: none; } }

.announcement__button {
  background-color: #fdcc06;
  border-radius: 6px;
  color: black;
  font-weight: 500;
  padding: 0.5rem 1em;
  text-decoration: none; }
  @media screen and (max-width: 1064px) {
    .announcement__button {
      display: block;
      font-size: 0.9em;
      margin-top: 0.5em; } }