@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@charset "UTF-8";
/*!
 * Linear
 * –––
 * Copyright 2019, Linear
 * Licensed under the MIT license
 */
*,
*:after,
*:before {
  box-sizing: inherit; }

html body {
  color: #323C46;
  font-family: 'Lato', sans-serif;
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
body header .container .row [class*=column] .descriptive .text h1 {
  color: #323C46;
  font-weight: 400;
  line-height: 1.500em;
  margin: 0;
  padding: 0; }

a,
abbr {
  text-decoration: none; }

h1 {
  font-size: 2.200em; }

h2 {
  font-size: 2.000em; }

h3 {
  font-size: 1.800em; }

h4 {
  font-size: 1.600em; }

h5 {
  font-size: 1.300em; }

h6 {
  font-size: 1.100em; }


p,
body header .container .row [class*=column] .descriptive .text h1 {
  font-weight: 400;
  font-size: 1.000em; }

strong {
  font-weight: 700; }

small {
  font-size: 75%; }

.container {
  padding: 0 12.000em; }
  .container .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .container .row [class*=column] {
      word-wrap: break-word; }
      .container .row [class*=column].column {
        padding: 0; }
        .container .row [class*=column].column-12 {
          flex-basis: 100%; }
        .container .row [class*=column].column-11 {
          flex-basis: calc((100% / 12) * 11); }
        .container .row [class*=column].column-10 {
          flex-basis: calc((100% / 12) * 10); }
        .container .row [class*=column].column-9 {
          flex-basis: calc((100% / 12) * 9); }
        .container .row [class*=column].column-8 {
          flex-basis: calc((100% / 12) * 8); }
        .container .row [class*=column].column-7 {
          flex-basis: calc((100% / 12) * 7); }
        .container .row [class*=column].column-6 {
          flex-basis: calc((100% / 12) * 6); }
        .container .row [class*=column].column-5 {
          flex-basis: calc((100% / 12) * 5); }
        .container .row [class*=column].column-4 {
          flex-basis: calc((100% / 12) * 4); }
        .container .row [class*=column].column-3 {
          flex-basis: calc((100% / 12) * 3); }
        .container .row [class*=column].column-2 {
          flex-basis: calc((100% / 12) * 2); }
        .container .row [class*=column].column-1 {
          flex-basis: calc((100% / 12)); }
        .container .row [class*=column].column-0 {
          flex-basis: 0%; }
        .container .row [class*=column].column-small-12 {
          flex-basis: 100%; }
        .container .row [class*=column].column-small-11 {
          flex-basis: calc((100% / 12) * 11); }
        .container .row [class*=column].column-small-10 {
          flex-basis: calc((100% / 12) * 10); }
        .container .row [class*=column].column-small-9 {
          flex-basis: calc((100% / 12) * 9); }
        .container .row [class*=column].column-small-8 {
          flex-basis: calc((100% / 12) * 8); }
        .container .row [class*=column].column-small-7 {
          flex-basis: calc((100% / 12) * 7); }
        .container .row [class*=column].column-small-6 {
          flex-basis: calc((100% / 12) * 6); }
        .container .row [class*=column].column-small-5 {
          flex-basis: calc((100% / 12) * 5); }
        .container .row [class*=column].column-small-4 {
          flex-basis: calc((100% / 12) * 4); }
        .container .row [class*=column].column-small-3 {
          flex-basis: calc((100% / 12) * 3); }
        .container .row [class*=column].column-small-2 {
          flex-basis: calc((100% / 12) * 2); }
        .container .row [class*=column].column-small-1 {
          flex-basis: calc((100% / 12)); }
        .container .row [class*=column].column-small-0 {
          flex-basis: 0%; }
        @media (min-width: 48em) {
          .container .row [class*=column].column-medium-12 {
            flex-basis: 100%; } }
        @media (min-width: 48em) {
          .container .row [class*=column].column-medium-11 {
            flex-basis: calc((100% / 12) * 11); } }
        @media (min-width: 48em) {
          .container .row [class*=column].column-medium-10 {
            flex-basis: calc((100% / 12) * 10); } }
        @media (min-width: 48em) {
          .container .row [class*=column].column-medium-9 {
            flex-basis: calc((100% / 12) * 9); } }
        @media (min-width: 48em) {
          .container .row [class*=column].column-medium-8 {
            flex-basis: calc((100% / 12) * 8); } }
        @media (min-width: 48em) {
          .container .row [class*=column].column-medium-7 {
            flex-basis: calc((100% / 12) * 7); } }
        @media (min-width: 48em) {
          .container .row [class*=column].column-medium-6 {
            flex-basis: calc((100% / 12) * 6); } }
        @media (min-width: 48em) {
          .container .row [class*=column].column-medium-5 {
            flex-basis: calc((100% / 12) * 5); } }
        @media (min-width: 48em) {
          .container .row [class*=column].column-medium-4 {
            flex-basis: calc((100% / 12) * 4); } }
        @media (min-width: 48em) {
          .container .row [class*=column].column-medium-3 {
            flex-basis: calc((100% / 12) * 3); } }
        @media (min-width: 48em) {
          .container .row [class*=column].column-medium-2 {
            flex-basis: calc((100% / 12) * 2); } }
        @media (min-width: 48em) {
          .container .row [class*=column].column-medium-1 {
            flex-basis: calc(100% / 12); } }
        @media (min-width: 48em) {
          .container .row [class*=column].column-medium-0 {
            flex-basis: 0%; } }
        @media (min-width: 64em) {
          .container .row [class*=column].column-large-12 {
            flex-basis: 100%; } }
        @media (min-width: 64em) {
          .container .row [class*=column].column-large-11 {
            flex-basis: calc((100% / 12) * 11); } }
        @media (min-width: 64em) {
          .container .row [class*=column].column-large-10 {
            flex-basis: calc((100% / 12) * 10); } }
        @media (min-width: 64em) {
          .container .row [class*=column].column-large-9 {
            flex-basis: calc((100% / 12) * 9); } }
        @media (min-width: 64em) {
          .container .row [class*=column].column-large-8 {
            flex-basis: calc((100% / 12) * 8); } }
        @media (min-width: 64em) {
          .container .row [class*=column].column-large-7 {
            flex-basis: calc((100% / 12) * 7); } }
        @media (min-width: 64em) {
          .container .row [class*=column].column-large-6 {
            flex-basis: calc((100% / 12) * 6); } }
        @media (min-width: 64em) {
          .container .row [class*=column].column-large-5 {
            flex-basis: calc((100% / 12) * 5); } }
        @media (min-width: 64em) {
          .container .row [class*=column].column-large-4 {
            flex-basis: calc((100% / 12) * 4); } }
        @media (min-width: 64em) {
          .container .row [class*=column].column-large-3 {
            flex-basis: calc((100% / 12) * 3); } }
        @media (min-width: 64em) {
          .container .row [class*=column].column-large-2 {
            flex-basis: calc((100% / 12) * 2); } }
        @media (min-width: 64em) {
          .container .row [class*=column].column-large-1 {
            flex-basis: calc(100% / 12); } }
        @media (min-width: 75em) {
          .container .row [class*=column].column-huge-12 {
            flex-basis: 100%; } }
        @media (min-width: 75em) {
          .container .row [class*=column].column-huge-11 {
            flex-basis: calc((100% / 12) * 11); } }
        @media (min-width: 75em) {
          .container .row [class*=column].column-huge-10 {
            flex-basis: calc((100% / 12) * 10); } }
        @media (min-width: 75em) {
          .container .row [class*=column].column-huge-9 {
            flex-basis: calc((100% / 12) * 9); } }
        @media (min-width: 75em) {
          .container .row [class*=column].column-huge-8 {
            flex-basis: calc((100% / 12) * 8); } }
        @media (min-width: 75em) {
          .container .row [class*=column].column-huge-7 {
            flex-basis: calc((100% / 12) * 7); } }
        @media (min-width: 75em) {
          .container .row [class*=column].column-huge-6 {
            flex-basis: calc((100% / 12) * 6); } }
        @media (min-width: 75em) {
          .container .row [class*=column].column-huge-5 {
            flex-basis: calc((100% / 12) * 5); } }
        @media (min-width: 75em) {
          .container .row [class*=column].column-huge-4 {
            flex-basis: calc((100% / 12) * 4); } }
        @media (min-width: 75em) {
          .container .row [class*=column].column-huge-3 {
            flex-basis: calc((100% / 12) * 3); } }
        @media (min-width: 75em) {
          .container .row [class*=column].column-huge-2 {
            flex-basis: calc((100% / 12) * 2); } }
        @media (min-width: 75em) {
          .container .row [class*=column].column-huge-1 {
            flex-basis: calc(100% / 12); } }
  @media (max-width: 89.9375em) {
    .container {
      padding: 0 5.000em; } }
  @media (max-width: 74.9375em) {
    .container {
      padding: 0 1.500em; } }
  @media (max-width: 35.5em) {
    .container {
      padding: 0 1.250em; } }

a,
button {
  color: unset;
  text-decoration: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 0; }
  a.button,
  button.button {
    -webkit-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
    -moz-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
    box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
    -webkit-border-radius: .350em;
    -moz-border-radius: .350em;
    border-radius: .350em;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: inline-block;
    font-size: .800em;
    font-weight: 700;
    text-align: center;
    user-select: none;
    position: relative;
    outline: 0;
    padding: .850em 2.000em .900em 2.000em;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    a.button span,
    a.button svg,
    button.button span,
    button.button svg {
      display: inline-block;
      position: relative; }
    a.button span,
    button.button span {
      position: relative;
      margin-right: 1.750em; }
    a.button.small,
    button.button.small {
      padding: .800em 1.500em .800em 1.500em; }
      a.button.small svg,
      button.button.small svg {
        transform: scale(0.875);
        position: absolute;
        margin-top: -.250em;
        margin-left: -1.400em; }
    a.button.medium,
    button.button.medium {
      padding: .850em 2.000em .900em 2.000em; }
      a.button.medium svg,
      button.button.medium svg {
        transform: scale(0.95);
        position: absolute;
        margin-top: -.250em;
        margin-left: -1.250em; }
    a.button.large,
    button.button.large {
      font-size: .950em;
      padding: 1.000em 2.500em 1.050em 2.500em; }
      a.button.large svg,
      button.button.large svg {
        position: absolute;
        margin-top: -.100em;
        margin-left: -1.200em; }
    a.button.shopee,
    button.button.shopee {
      color: #FFFFFF;
      background-color: #EE4D2D; }
    a.button.black,
    button.button.black {
      color: #FFFFFF;
      background-color: #323C46; }
    a.button.white,
    button.button.white {
      color: #EE4D2D;
      background-color: #FFFFFF; }
    a.button:active,
    button.button:active {
      -webkit-transform: scale(0.945);
      -moz-transform: scale(0.945);
      transform: scale(0.945); }

nav {
  height: 6.250em;
  max-height: 6.250em;
  line-height: 6.250em;
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 3;
  transition: all .2s ease-out; }
  @media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
    nav {
      position: fixed; } }
  @supports (-ms-ime-align: auto) {
    nav {
      position: fixed; } }
  nav.transparent {
    background: transparent; }
  nav.white {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
    -moz-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
    box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125); }
  nav .descriptive {
    width: 100%; }
    nav .descriptive [layer][layer=left] {
      float: left; }
    nav .descriptive [layer][layer=right] {
      float: right; }
    nav .descriptive [layer] .image img {
      max-width: 6.250em;
      position: relative;
      top: .450em; }
    nav .descriptive [layer] .menu ul {
      display: inline-block;
      margin: 0;
      padding: 0; }
      nav .descriptive [layer] .menu ul li {
        list-style-type: none;
        display: inline; }
        nav .descriptive [layer] .menu ul li a {
          color: #323C46;
          font-weight: 400;
          font-size: 95%;
          transition: all .5s ease-out; }
          @media (min-width: 64em) {
            nav .descriptive [layer] .menu ul li a:hover {
              color: #EE4D2D; } }
          nav .descriptive [layer] .menu ul li a.button {
            color: #FFFFFF;
            font-weight: 700;
            position: relative;
            line-height: 0;
            padding: 1.350em 3.000em 1.450em 3.000em; }
    nav .descriptive[media=medium] {
      display: none;
      float: right;
      text-align: right;
      margin-top: -4.650em; }
      nav .descriptive[media=medium] .image svg {
        color: #EE4D2D; }
  @media (min-width: 90em) {
    nav .descriptive [layer] .menu ul li {
      margin-left: 2.000em; } }
  @media (max-width: 89.9375em) {
    nav .descriptive [layer] .menu ul li {
      margin-left: 2.000em; } }
  @media (max-width: 64em) {
    nav .descriptive [layer] .menu ul li {
      margin-left: 1.250em !important; }
      nav .descriptive [layer] .menu ul li a.button {
        padding: 1.350em 1.750em 1.450em 1.750em; } }
  @media (max-width: 63.9375em) {
    nav {
      height: 5.000em;
      max-height: 5.000em;
      line-height: 5.000em; }
      nav .descriptive [layer] .menu {
        position: absolute;
        top: 0;
        left: 0;
        transition: all .5s ease; }
        nav .descriptive [layer] .menu ul {
          padding-top: 4.500em;
          width: 100vw;
          height: 100vh;
          background-color: #EE4D2D; } }
      @media (max-width: 63.9375em) and (max-width: 47.9375em) {
        nav .descriptive [layer] .menu ul {
          overflow-y: scroll;
          padding-top: 1.000em; } }
      @media (max-width: 63.9375em) and (max-width: 35.5em) {
        nav .descriptive [layer] .menu ul {
          overflow-y: unset;
          padding-top: 3.500em; } }
  @media (max-width: 63.9375em) {
          nav .descriptive [layer] .menu ul li {
            display: flex;
            margin-left: 0 !important;
            line-height: 6.250em;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all .5s ease-out; } }
        @media (max-width: 63.9375em) and (max-width: 47.9375em) {
          nav .descriptive [layer] .menu ul li {
            line-height: 4.000em; } }
        @media (max-width: 63.9375em) and (max-width: 35.5em) {
          nav .descriptive [layer] .menu ul li {
            line-height: 3.000em; } }
        @media (max-width: 63.9375em) and (max-width: 20em) {
          nav .descriptive [layer] .menu ul li {
            line-height: 3.200em; } }
  @media (max-width: 63.9375em) {
            nav .descriptive [layer] .menu ul li:not(:last-child):active {
              background-color: #FFFFFF; }
              nav .descriptive [layer] .menu ul li:not(:last-child):active a {
                color: #EE4D2D; }
            nav .descriptive [layer] .menu ul li:last-child {
              margin: 1.500em 0 2.000em 0; } }
          @media (max-width: 63.9375em) and (max-width: 47.9375em) {
            nav .descriptive [layer] .menu ul li:last-child {
              margin: 1.000em 0 2.000em 0; } }
  @media (max-width: 63.9375em) {
            nav .descriptive [layer] .menu ul li a {
              font-size: 1.300em;
              color: #FFFFFF; } }
          @media (max-width: 63.9375em) and (max-width: 35.5em) {
            nav .descriptive [layer] .menu ul li a {
              font-size: 1.000em; } }
  @media (max-width: 63.9375em) {
            nav .descriptive [layer] .menu ul li .button {
              background-color: #FFFFFF;
              color: #EE4D2D !important; }
        nav .descriptive [layer] .menu.show {
          display: inline;
          opacity: 1; }
        nav .descriptive [layer] .menu.hide {
          display: none;
          opacity: 0; }
      nav .descriptive[media=medium] {
        display: block; }
        nav .descriptive[media=medium] svg {
          transition: all .3s ease-out;
          transform: scale(1.1); }
          nav .descriptive[media=medium] svg.show {
            background-color: #FFFFFF;
            padding: .500em;
            border-radius: 50%;
            transform: rotate(180deg);
            -webkit-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.2);
            -moz-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.2);
            box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.2); } }

footer {
  background-color: #113366;
  height: 7.250em;
  max-height: 7.250em;
  line-height: 7.250em; }
  footer .descriptive {
    width: 100%; }
    footer .descriptive [layer][layer=left] {
      float: left; }
    footer .descriptive [layer][layer=right] {
      float: right; }
    footer .descriptive [layer] .image img {
      max-width: 6.250em;
      position: relative;
      top: .450em; }
    footer .descriptive [layer] .menu ul {
      display: inline-block;
      margin: 0;
      padding: 0; }
      footer .descriptive [layer] .menu ul li {
        list-style-type: none;
        display: inline; }
        footer .descriptive [layer] .menu ul li a {
          color: #FFFFFF;
          font-weight: 400;
          font-size: 95%; }
          footer .descriptive [layer] .menu ul li a img {
            position: relative;
            top: .700em;
            transform: scale(0.8);
            width: 2.250em;
            height: 2.250em;
            object-fit: contain; }
    footer .descriptive[media=medium] {
      display: none;
      float: right;
      text-align: right;
      margin-top: -6.000em; }
      footer .descriptive[media=medium] .image svg {
        color: #EE4D2D; }
  @media (min-width: 90em) {
    footer .descriptive [layer] .menu ul li {
      margin-left: 2.000em; } }
  @media (max-width: 89.9375em) {
    footer .descriptive [layer] .menu ul li {
      margin-left: 2.000em; } }
  @media (max-width: 64em) {
    footer .descriptive [layer] .menu ul li {
      margin-left: 1.250em; }
      footer .descriptive [layer] .menu ul li a.button {
        padding: 1.350em 1.750em 1.450em 1.750em; } }
  @media (max-width: 35.5em) {
    footer {
      text-align: center;
      height: unset;
      max-height: unset; }
      footer .descriptive [layer] {
        width: 100%; }
        footer .descriptive [layer][layer=left] {
          margin-bottom: -4.000em; }
        footer .descriptive [layer] .menu {
          display: block; }
          footer .descriptive [layer] .menu ul {
            display: flex;
            justify-content: center; }
            footer .descriptive [layer] .menu ul li {
              margin-left: 0;
              margin: 0 .200em; }
              footer .descriptive [layer] .menu ul li a {
                font-size: .800em; } }
  @media (max-width: 22.5em) {
    footer {
      text-align: center;
      height: unset;
      max-height: unset; }
      footer .descriptive [layer] {
        width: 100%; }
        footer .descriptive [layer][layer=left] {
          margin-bottom: -4.000em; }
        footer .descriptive [layer] .menu {
          display: block; }
          footer .descriptive [layer] .menu ul {
            margin-top: -.500em; }
            footer .descriptive [layer] .menu ul li {
              margin: 0 .200em; }
              footer .descriptive [layer] .menu ul li a {
                font-size: .700em; }
                footer .descriptive [layer] .menu ul li a img {
                  width: 2.600em;
                  height: 2.600em; } }
  @media (max-width: 20em) {
    footer {
      text-align: center;
      height: unset;
      max-height: unset; }
      footer .descriptive [layer] {
        width: 100%; }
        footer .descriptive [layer][layer=left] {
          margin-bottom: -4.000em; }
        footer .descriptive [layer] .menu {
          display: block; }
          footer .descriptive [layer] .menu ul li a {
            font-size: .600em; } }

body header {
  height: auto;
  margin-top: 10.000em; }
  @media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
    body header {
      margin-top: 15.000em; } }
  @supports (-ms-ime-align: auto) {
    body header {
      margin-top: 15.000em; } }
  @media only screen and (min-width: 90.625em) and (max-width: 106.875em) {
    body header {
      margin-top: 10.000em;
      margin-bottom: -8.000em; } }
  @media (max-width: 90em) {
    body header {
      margin-top: 0;
      margin-bottom: -5.000em; } }
  body header .shapes img {
    position: absolute;
    right: -42%;
    top: -25%;
    z-index: -1; }
    @media (max-width: 90em) {
      body header .shapes img {
        top: -50%;
        right: -50%; } }
    @media (max-width: 89.9375em) {
      body header .shapes img {
        top: -50%;
        right: -65%; } }
    @media (max-width: 74.9375em) {
      body header .shapes img {
        top: -35%;
        right: -85%; } }
    @media (max-width: 63.9375em) {
      body header .shapes img {
        top: -15%;
        right: -130%;
        opacity: .5; } }
    @media (max-width: 47.9375em) {
      body header .shapes img {
        display: none; } }
  body header .container .row [class*=column] .descriptive {
    text-align: center; }
    body header .container .row [class*=column] .descriptive .image,
    body header .container .row [class*=column] .descriptive .text,
    body header .container .row [class*=column] .descriptive .action {
      padding-right: 5.000em; }
      @media (max-width: 74.9375em) {
        body header .container .row [class*=column] .descriptive .image,
        body header .container .row [class*=column] .descriptive .text,
        body header .container .row [class*=column] .descriptive .action {
          position: relative;
          top: 1.250em;
          padding-right: 1.500em; } }
      @media (max-width: 35.5em) {
        body header .container .row [class*=column] .descriptive .image,
        body header .container .row [class*=column] .descriptive .text,
        body header .container .row [class*=column] .descriptive .action {
          position: relative;
          top: unset;
          padding-right: unset; } }
    body header .container .row [class*=column] .descriptive .shape [layer] {
      position: absolute; }
      body header .container .row [class*=column] .descriptive .shape [layer] img {
        display: block; }
      body header .container .row [class*=column] .descriptive .shape [layer][layer=right] {
        right: 10.500em;
        margin-top: 1.500em; }
        body header .container .row [class*=column] .descriptive .shape [layer][layer=right] span.circle.orbit {
          border-radius: 50%;
          animation: orbit-circle 10s infinite linear;
          float: right;
          width: 100%;
          position: absolute;
          top: -15.000em;
          z-index: -1;
          right: 0; }
          body header .container .row [class*=column] .descriptive .shape [layer][layer=right] span.circle.orbit span {
            background-color: #ee4d2d;
            border-radius: 100%;
            position: absolute;
            top: -10.250em;
            left: 5.000em;
            z-index: -3;
            bottom: 0;
            right: 0;
            height: 1.000em;
            width: 1.000em; }
      body header .container .row [class*=column] .descriptive .shape [layer][layer=left] {
        left: 10.500em;
        margin-top: -2.500em; }
        body header .container .row [class*=column] .descriptive .shape [layer][layer=left] span.circle.outline {
          border: 0.225em solid #EE4D2D;
          border-radius: 50%;
          animation: orbit-square 10s infinite linear;
          position: absolute;
          top: 20%;
          left: 35%;
          width: 1.500em;
          height: 1.500em; }
    @media only screen and (min-width: 90.625em) and (max-width: 106.875em) {
      body header .container .row [class*=column] .descriptive .image {
        margin-top: -6.000em; } }
    body header .container .row [class*=column] .descriptive .image img {
      max-width: 90%; }
      @media (max-width: 74.9375em) {
        body header .container .row [class*=column] .descriptive .image img {
          max-width: 60%; } }
    body header .container .row [class*=column] .descriptive .text {
      margin: .500em 0; }
      body header .container .row [class*=column] .descriptive .text h1 {
        margin-top: .750em; }
        body header .container .row [class*=column] .descriptive .text h1 strong {
          color: #EE4D2D; }
      body header .container .row [class*=column] .descriptive .text h5 {
        font-weight: 900;
        margin: .750em 0; }
      body header .container .row [class*=column] .descriptive .text h6 {
        line-height: 1.250em;
        margin-top: 1.200em; }
    body header .container .row [class*=column] .descriptive .banner {
      -webkit-border-radius: 1em;
      -moz-border-radius: 1em;
      border-radius: 1em;
      background-size: cover;
      background-position: center;
      display: block;
      position: relative;
      width: 100%;
      height: 35.000em; }
      body header .container .row [class*=column] .descriptive .banner:before {
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        border-radius: 1em;
        content: '';
        background: url("./static/image/shape/circle-half.svg") no-repeat;
        transform: scale(1.25);
        display: block;
        position: absolute;
        z-index: -2;
        top: -3.500em;
        bottom: 0;
        left: 90%;
        width: 100%;
        height: 35.000em; }
      body header .container .row [class*=column] .descriptive .banner:after {
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        border-radius: 1em;
        content: '';
        background-color: rgba(238, 77, 45, 0.25);
        display: block;
        width: 100%;
        height: 35.000em;
        position: relative;
        z-index: -1;
        top: 2.250em;
        left: 2.000em; }
        @media only screen and (min-width: 90.625em) and (max-width: 106.875em) {
          body header .container .row [class*=column] .descriptive .banner:after {
            height: 28.500em; } }
    body header .container .row [class*=column] .descriptive .photo {
      position: relative; }
      body header .container .row [class*=column] .descriptive .photo img {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        border-radius: 1em;
        display: none;
        transform: scale(1.2);
        max-width: 100%;
        position: absolute;
        top: 0;
        margin-top: -37.500em; }
        body header .container .row [class*=column] .descriptive .photo img.active {
          animation: slider 6s infinite ease;
          animation-fill-mode: forwards;
          display: block; }
  body header .container .row [class*=column]:first-child {
    margin: 7.000em 0; }
  body header .container .row [class*=column]:last-child {
    overflow: unset; }

@keyframes slider {
  0% {
    transform: translate(0, 0); }
  50% {
    transform: translateX(0.9em);
    opacity: 1.0; }
  100% {
    transform: translate(0, 0);
    opacity: 1.0; } }

@keyframes orbit-square {
  0% {
    transform: translate(0, 0); }
  20% {
    transform: translate(4.565em, -0.065em); }
  40% {
    transform: translate(8.815em, 4.5em); }
  60% {
    transform: translate(5.185em, 7.625em); }
  80% {
    transform: translate(-2.5em, 4.5em); }
  100% {
    transform: translate(0, 0); } }

@keyframes orbit-circle {
  100% {
    transform: rotate(360deg); } }
  @media (max-width: 90em) {
    body header {
      padding-top: 5.000em; }
      body header .container .row [class*=column] .descriptive .image {
        margin-top: -.250em; }
      body header .container .row [class*=column] .descriptive .banner {
        height: 28.000em;
        margin-top: 3.500em; }
        body header .container .row [class*=column] .descriptive .banner:before {
          top: -.500em;
          left: 80%;
          height: 35.000em; }
        body header .container .row [class*=column] .descriptive .banner:after {
          height: 26.000em; }
      body header .container .row [class*=column] .descriptive .photo img {
        margin-top: -27.500em; }
      body header .container .row [class*=column] .descriptive .shape [layer][layer=right] {
        right: 10.500em;
        margin-top: 1.500em; }
        body header .container .row [class*=column] .descriptive .shape [layer][layer=right] span.circle.orbit {
          top: -18.000em; }
          body header .container .row [class*=column] .descriptive .shape [layer][layer=right] span.circle.orbit span {
            top: -7.250em; }
      body header .container .row [class*=column] .descriptive .shape [layer][layer=left] {
        margin-top: -8.500em; }
      body header .container .row [class*=column] .descriptive .shape [layer] img {
        margin-top: -5.250em; }
        body header .container .row [class*=column] .descriptive .shape [layer] img[swirl=first] {
          position: relative;
          top: -1.000em; } }
  @media (max-width: 89.9375em) {
    body header {
      padding-top: 5.000em; }
      body header .container .row [class*=column] .descriptive .image {
        margin-top: -3.650em; }
      body header .container .row [class*=column] .descriptive .banner {
        margin-top: 1.000em; }
        body header .container .row [class*=column] .descriptive .banner:after {
          height: 27.500em; }
      body header .container .row [class*=column] .descriptive .shape [layer] img {
        position: absolute;
        right: -100%; }
        body header .container .row [class*=column] .descriptive .shape [layer] img[swirl=first] {
          position: relative;
          top: -1.500em; } }
  @media (max-width: 74.9375em) {
    body header {
      padding-top: 5.000em; }
      body header .container .row [class*=column] .descriptive .image {
        margin-top: -3.650em; }
      body header .container .row [class*=column] .descriptive .banner {
        margin-top: 2.750em; }
        body header .container .row [class*=column] .descriptive .banner:before {
          top: -.500em;
          left: 80%;
          height: 35.000em; }
        body header .container .row [class*=column] .descriptive .banner:after {
          height: 24.000em; }
      body header .container .row [class*=column] .descriptive .shape [layer][layer=right] {
        right: 10.500em;
        margin-top: 1.500em; }
        body header .container .row [class*=column] .descriptive .shape [layer][layer=right] span.circle.orbit {
          top: -17.000em;
          left: -3.500em; }
          body header .container .row [class*=column] .descriptive .shape [layer][layer=right] span.circle.orbit span {
            top: -7.250em; }
      body header .container .row [class*=column] .descriptive .shape [layer] img {
        position: absolute;
        right: -100%; }
        body header .container .row [class*=column] .descriptive .shape [layer] img[swirl=first] {
          position: relative;
          top: -1.250em; } }
  @media (max-width: 63.9375em) {
    body header {
      padding-top: 1.000em;
      text-align: center; }
      body header .container .row [class*=column] .descriptive .image {
        margin-top: -5.000em; }
      body header .container .row [class*=column] .descriptive .text {
        width: 100%; }
      body header .container .row [class*=column] .descriptive .banner {
        margin-top: -3.000em; }
        body header .container .row [class*=column] .descriptive .banner:after {
          height: 30.500em; }
      body header .container .row [class*=column] .descriptive .shape [layer][layer=right] {
        right: 10.500em;
        margin-top: 1.500em; }
        body header .container .row [class*=column] .descriptive .shape [layer][layer=right] span.circle.orbit {
          top: -17.000em;
          left: -3.500em; }
          body header .container .row [class*=column] .descriptive .shape [layer][layer=right] span.circle.orbit span {
            top: -7.250em; }
      body header .container .row [class*=column] .descriptive .shape [layer] img {
        position: absolute;
        right: -100%; }
        body header .container .row [class*=column] .descriptive .shape [layer] img[swirl=first] {
          position: relative;
          top: -1.250em; } }
  @media (max-width: 35.5em) {
    body header {
      padding-top: 1.000em;
      text-align: center; }
      body header .container .row [class*=column] .descriptive .image {
        margin-top: -5.000em; }
        body header .container .row [class*=column] .descriptive .image img {
          width: 100%; }
      body header .container .row [class*=column] .descriptive .text {
        width: 100%; }
      body header .container .row [class*=column] .descriptive .banner {
        margin-top: -4.000em;
        height: 20.000em; }
        body header .container .row [class*=column] .descriptive .banner:before {
          top: -3.500em;
          bottom: 0;
          left: 70%;
          height: 20.000em; }
        body header .container .row [class*=column] .descriptive .banner:after {
          -webkit-border-radius: 1em;
          -moz-border-radius: 1em;
          border-radius: 1em;
          content: '';
          background-color: rgba(238, 77, 45, 0.25);
          display: block;
          width: 100%;
          height: 13.500em;
          position: relative;
          z-index: -1;
          top: 2.250em;
          left: 2.000em; }
      body header .container .row [class*=column] .descriptive .photo img {
        margin-top: -20.500em; }
      body header .container .row [class*=column] .descriptive .shape [layer] {
        display: none; } }
  @media (max-width: 22.5em) {
    body header {
      padding-top: 1.000em;
      text-align: center; }
      body header .container .row [class*=column] .descriptive .image {
        margin-top: -5.000em; }
        body header .container .row [class*=column] .descriptive .image img {
          width: 100%; }
      body header .container .row [class*=column] .descriptive .text {
        width: 100%; }
      body header .container .row [class*=column] .descriptive .banner {
        margin-top: -4.000em;
        height: 20.000em; }
        body header .container .row [class*=column] .descriptive .banner:before {
          top: -3.500em;
          bottom: 0;
          left: 70%;
          height: 20.000em; }
        body header .container .row [class*=column] .descriptive .banner:after {
          -webkit-border-radius: 1em;
          -moz-border-radius: 1em;
          border-radius: 1em;
          content: '';
          background-color: rgba(238, 77, 45, 0.25);
          display: block;
          width: 100%;
          height: 12.000em;
          position: relative;
          z-index: -1;
          top: 2.250em;
          left: 2.000em; }
      body header .container .row [class*=column] .descriptive .photo img {
        margin-top: -20.500em; }
      body header .container .row [class*=column] .descriptive .shape [layer] {
        display: none; } }
  @media (max-width: 20em) {
    body header {
      padding-top: 1.000em;
      text-align: center; }
      body header .container .row [class*=column] .descriptive .image {
        margin-top: -5.000em; }
        body header .container .row [class*=column] .descriptive .image img {
          width: 100%; }
      body header .container .row [class*=column] .descriptive .text {
        width: 100%; }
      body header .container .row [class*=column] .descriptive .banner {
        margin-top: -4.000em;
        height: 20.000em; }
        body header .container .row [class*=column] .descriptive .banner:before {
          top: -3.500em;
          bottom: 0;
          left: 70%;
          height: 20.000em; }
        body header .container .row [class*=column] .descriptive .banner:after {
          -webkit-border-radius: 1em;
          -moz-border-radius: 1em;
          border-radius: 1em;
          content: '';
          background-color: rgba(238, 77, 45, 0.25);
          display: block;
          width: 100%;
          height: 11.000em;
          position: relative;
          z-index: -1;
          top: 2.250em;
          left: 2.000em; }
      body header .container .row [class*=column] .descriptive .photo img {
        margin-top: -20.500em; }
      body header .container .row [class*=column] .descriptive .shape [layer] {
        display: none; } }

body section.introduction {
  position: relative;
  padding-top: 5.500em;
  padding-bottom: 7.000em; }
  body section.introduction .container .row .descriptive .image img {
    max-width: 100%;
    animation: cup-float 4.250s ease 0s infinite; }
  body section.introduction .container .row .descriptive .image span {
    background-color: rgba(238, 77, 45, 0.075);
    border-radius: 50%;
    display: block;
    position: absolute;
    z-index: -1;
    width: 30.000em;
    height: 30.000em;
    margin-top: -25.000em; }
  body section.introduction .container .row .descriptive .text {
    margin: 3.500em 0; }
    body section.introduction .container .row .descriptive .text h2,
    body section.introduction .container .row .descriptive .text h6 {
      font-weight: 700;
      text-transform: uppercase; }
    body section.introduction .container .row .descriptive .text h6 {
      color: #EE4D2D; }
    body section.introduction .container .row .descriptive .text h2 {
      text-transform: uppercase;
      margin-top: .250em; }
      @media (max-width: 20em) {
        body section.introduction .container .row .descriptive .text h2 {
          font-size: 1.700em; } }
    body section.introduction .container .row .descriptive .text span {
      background-color: #EE4D2D;
      border-radius: .500em;
      display: block;
      width: 5.250em;
      height: .425em;
      margin-top: .500em; }
    body section.introduction .container .row .descriptive .text p, body section.introduction header .container .row [class*=column] .descriptive .text h1, body header section.introduction .container .row [class*=column] .descriptive .text h1 {
      margin-top: 2.000em; }
      body section.introduction .container .row .descriptive .text p strong, body section.introduction header .container .row [class*=column] .descriptive .text h1 strong, body header section.introduction .container .row [class*=column] .descriptive .text h1 strong {
        color: #EE4D2D; }
    body section.introduction .container .row .descriptive .text ul li {
      list-style-image: url("./static/image/shape/arrow.svg");
      margin: 1.500em 0; }
      body section.introduction .container .row .descriptive .text ul li p, body section.introduction header .container .row [class*=column] .descriptive .text ul li h1, body header section.introduction .container .row [class*=column] .descriptive .text ul li h1 {
        position: relative;
        top: -.650em;
        margin-left: .500em; }

@keyframes cup-float {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.05) rotate(2.5deg); }
  100% {
    transform: scale(1); } }
  @media (max-width: 90em) {
    body section.introduction {
      padding-top: 0;
      padding-bottom: 2.500em; }
      body section.introduction .container .row .descriptive .image {
        margin-top: 16.000em; }
        body section.introduction .container .row .descriptive .image img {
          animation: cup-float 4.250s ease 0s infinite;
          max-width: 100%;
          position: relative;
          top: -8.000em;
          left: -.500em; }
        body section.introduction .container .row .descriptive .image span {
          background-color: rgba(238, 77, 45, 0.075);
          border-radius: 50%;
          display: block;
          position: absolute;
          z-index: -1;
          width: 22.000em;
          height: 22.000em;
          margin-top: -25.000em; }
      body section.introduction .container .row .descriptive .text {
        margin: 3.500em 0; }
        body section.introduction .container .row .descriptive .text h2,
        body section.introduction .container .row .descriptive .text h6 {
          font-weight: 700;
          text-transform: uppercase; }
        body section.introduction .container .row .descriptive .text h6 {
          color: #EE4D2D; }
        body section.introduction .container .row .descriptive .text h2 {
          text-transform: uppercase;
          margin-top: .250em; }
        body section.introduction .container .row .descriptive .text span {
          background-color: #EE4D2D;
          border-radius: .500em;
          display: block;
          width: 5.250em;
          height: .425em;
          margin-top: .500em; }
        body section.introduction .container .row .descriptive .text p, body section.introduction header .container .row [class*=column] .descriptive .text h1, body header section.introduction .container .row [class*=column] .descriptive .text h1 {
          margin-top: 2.000em; }
          body section.introduction .container .row .descriptive .text p strong, body section.introduction header .container .row [class*=column] .descriptive .text h1 strong, body header section.introduction .container .row [class*=column] .descriptive .text h1 strong {
            color: #EE4D2D; }
        body section.introduction .container .row .descriptive .text ul li {
          list-style-image: url("./static/image/shape/arrow.svg");
          margin: 1.500em 0; }
          body section.introduction .container .row .descriptive .text ul li p, body section.introduction header .container .row [class*=column] .descriptive .text ul li h1, body header section.introduction .container .row [class*=column] .descriptive .text ul li h1 {
            position: relative;
            top: -.650em;
            margin-left: .500em; } }
  @media (max-width: 74.9375em) {
    body section.introduction {
      margin-top: -10.000em;
      margin-bottom: -3.000em; }
      body section.introduction .container .row .descriptive .image {
        margin-top: 16.000em; }
        body section.introduction .container .row .descriptive .image img {
          animation: cup-float 4.250s ease 0s infinite;
          max-width: 120%;
          position: relative;
          top: -9.000em;
          left: 2.750em; }
        body section.introduction .container .row .descriptive .image span {
          background-color: rgba(238, 77, 45, 0.075);
          border-radius: 50%;
          display: block;
          position: absolute;
          z-index: -1;
          width: 22.000em;
          height: 22.000em;
          left: 2.500em;
          margin-top: -25.000em; } }
  @media (max-width: 63.9375em) {
    body section.introduction {
      margin-top: -10.000em;
      margin-bottom: -3.000em; }
      body section.introduction .container .row .descriptive .image {
        margin-top: 16.000em; }
        body section.introduction .container .row .descriptive .image img {
          animation: cup-float 4.250s ease 0s infinite;
          max-width: 150%;
          position: relative;
          top: -9.000em;
          left: -.750em; }
        body section.introduction .container .row .descriptive .image span {
          background-color: rgba(238, 77, 45, 0.075);
          border-radius: 50%;
          display: block;
          position: absolute;
          z-index: -1;
          width: 22.000em;
          height: 22.000em;
          margin-top: -25.000em; }
      body section.introduction .container .row .descriptive .text {
        margin: 3.500em 0; }
        body section.introduction .container .row .descriptive .text h2,
        body section.introduction .container .row .descriptive .text h6 {
          font-weight: 700;
          text-transform: uppercase; }
        body section.introduction .container .row .descriptive .text h6 {
          color: #EE4D2D; }
        body section.introduction .container .row .descriptive .text h2 {
          text-transform: uppercase;
          margin-top: .250em; }
        body section.introduction .container .row .descriptive .text span {
          background-color: #EE4D2D;
          border-radius: .500em;
          display: block;
          width: 5.250em;
          height: .425em;
          margin-top: .500em; }
        body section.introduction .container .row .descriptive .text p, body section.introduction header .container .row [class*=column] .descriptive .text h1, body header section.introduction .container .row [class*=column] .descriptive .text h1 {
          margin-top: 2.000em; }
          body section.introduction .container .row .descriptive .text p strong, body section.introduction header .container .row [class*=column] .descriptive .text h1 strong, body header section.introduction .container .row [class*=column] .descriptive .text h1 strong {
            color: #EE4D2D; }
        body section.introduction .container .row .descriptive .text ul li {
          list-style-image: url("./static/image/shape/arrow.svg");
          margin: 1.500em 0; }
          body section.introduction .container .row .descriptive .text ul li p, body section.introduction header .container .row [class*=column] .descriptive .text ul li h1, body header section.introduction .container .row [class*=column] .descriptive .text ul li h1 {
            position: relative;
            top: -.650em;
            margin-left: .500em; } }
  @media (max-width: 35.5em) {
    body section.introduction {
      margin-top: -17.000em;
      padding-bottom: 2.500em; }
      body section.introduction .container .row .descriptive .image {
        display: none; }
      body section.introduction .container .row .descriptive .text ul li p, body section.introduction header .container .row [class*=column] .descriptive .text ul li h1, body header section.introduction .container .row [class*=column] .descriptive .text ul li h1 {
        top: -1.000em; } }
  @media (max-width: 20em) {
    body section.introduction {
      margin-top: -20.000em;
      margin-bottom: -5.000em; } }

body section.stages {
  padding: 7.000em 0;
  position: relative;
  overflow: hidden; }
  @media (max-width: 35.5em) {
    body section.stages {
      padding: 5.500em 1.000em; } }
  body section.stages .descriptive .shapes .dots {
    position: absolute;
    top: 3.000em;
    left: -2.200em;
    z-index: 2;
    transform: scale(0.8); }
    @media (max-width: 74.9375em) {
      body section.stages .descriptive .shapes .dots {
        left: -3.400em; } }
    @media (max-width: 63.9375em) {
      body section.stages .descriptive .shapes .dots {
        transform: scale(0.7);
        left: -3.000em;
        top: 2.000em; } }
    @media (max-width: 35.5em) {
      body section.stages .descriptive .shapes .dots {
        transform: scale(0.5);
        top: 1.000em;
        left: -4.200em; } }
  body section.stages .descriptive .shapes .swirl {
    position: absolute;
    bottom: 3.000em;
    right: -2.200em;
    z-index: 2;
    transform: scale(0.8); }
  body section.stages .descriptive .background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1; }
  body section.stages .descriptive .background .overlay {
    background-color: #EE4D2D;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .9;
    z-index: 0; }
  body section.stages .descriptive .text {
    text-align: center;
    position: relative;
    z-index: 1; }
    body section.stages .descriptive .text h6,
    body section.stages .descriptive .text h2,
    body section.stages .descriptive .text p,
    body section.stages header .container .row [class*=column] .descriptive .text h1,
    body header .container .row [class*=column] section.stages .descriptive .text h1 {
      color: #FFFFFF; }
    body section.stages .descriptive .text h6,
    body section.stages .descriptive .text h2 {
      font-weight: 700;
      text-transform: uppercase; }
    @media (max-width: 35.5em) {
      body section.stages .descriptive .text h2 {
        line-height: 1.200em; } }
    body section.stages .descriptive .text h6 {
      font-size: 90%; }
    
    body section.stages .descriptive .text p,
    body section.stages header .container .row [class*=column] .descriptive .text h1,
    body header .container .row [class*=column] section.stages .descriptive .text h1 {
      margin-top: 1.000em; }
  body section.stages .descriptive .processes {
    position: relative;
    z-index: 1;
    color: #FFFFFF;
    margin: 7.000em 0 2.000em 0;
    display: flex;
    justify-content: space-evenly; }
    @media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
      body section.stages .descriptive .processes {
        justify-content: center; } }
    @supports (-ms-ime-align: auto) {
      body section.stages .descriptive .processes {
        justify-content: center; } }
    @media (max-width: 74.9375em) {
      body section.stages .descriptive .processes {
        margin: 5.000em 0 2.000em 0; } }
    @media (max-width: 63.9375em) {
      body section.stages .descriptive .processes {
        flex-direction: column; } }
    @media (max-width: 47.9375em) {
      body section.stages .descriptive .processes {
        margin: 5.000em 0 2.000em 0; } }
    @media (max-width: 35.5em) {
      body section.stages .descriptive .processes {
        margin: 3.000em 0 2.000em 0; } }
    body section.stages .descriptive .processes .lines .dash {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border: 2px dashed rgba(255, 255, 255, 0.5);
      width: 100%;
      z-index: -2; }
      @media (max-width: 63.9375em) {
        body section.stages .descriptive .processes .lines .dash {
          height: 100%;
          width: .250em;
          border: 0px; }
          body section.stages .descriptive .processes .lines .dash::after {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: -2.000em;
            left: 50%;
            border-left: 4px dashed rgba(255, 255, 255, 0.5); }
          body section.stages .descriptive .processes .lines .dash::before {
            content: '';
            position: absolute;
            bottom: -3.500em;
            left: 50%;
            transform: translateX(-40%);
            border: 0.212em dashed rgba(255, 255, 255, 0.5);
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            width: 1em;
            height: 1em; } }
      @media (max-width: 35.5em) {
        body section.stages .descriptive .processes .lines .dash {
          left: 3.300%; } }
      @media (max-width: 20em) {
        body section.stages .descriptive .processes .lines .dash {
          left: 5.000%; } }
    body section.stages .descriptive .processes .lines .line {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      border: 2px solid orange;
      width: 18%;
      z-index: -1; }
      @media (max-width: 63.9375em) {
        body section.stages .descriptive .processes .lines .line {
          height: 10%;
          width: .250em;
          border: 0px;
          left: 50%;
          transform: translateX(-50%);
          top: 0; }
          body section.stages .descriptive .processes .lines .line::after {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: -2.000em;
            left: 49.5%;
            border-left: .312em solid orange; } }
    @media (max-width: 63.9375em) and (max-width: 35.5em) {
      body section.stages .descriptive .processes .lines .line::after {
        bottom: -1.800em;
        left: 48.5%; } }
      @media (max-width: 63.9375em) {
          body section.stages .descriptive .processes .lines .line::before {
            content: '';
            position: absolute;
            background-color: orange;
            top: -.200em;
            left: 51%;
            transform: translateX(-50%);
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            width: 1em;
            height: 1em; } }
    @media (max-width: 63.9375em) and (max-width: 47.9375em) {
      body section.stages .descriptive .processes .lines .line::before {
        left: 51.5%; } }
    @media (max-width: 63.9375em) and (max-width: 35.5em) {
      body section.stages .descriptive .processes .lines .line::before {
        left: 52.5%; } }
      @media (max-width: 35.5em) {
        body section.stages .descriptive .processes .lines .line {
          left: 3.600%; } }
      @media (max-width: 20em) {
        body section.stages .descriptive .processes .lines .line {
          left: 4.800%; } }
      @media (max-width: 90em) {
        body section.stages .descriptive .processes .lines .line {
          width: 15%; } }
    body section.stages .descriptive .processes .process {
      display: flex;
      flex-direction: column;
      align-items: center;
      flex-basis: 15%;
      position: relative;
      left: -4.000em; }
      @media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
        body section.stages .descriptive .processes .process {
          left: 0;
          margin: 0 4.000em; } }
      @supports (-ms-ime-align: auto) {
        body section.stages .descriptive .processes .process {
          left: 0;
          margin: 0 4.000em; } }
      @media (max-width: 74.9375em) {
        body section.stages .descriptive .processes .process {
          left: -1.500em;
          flex-basis: 18%; } }
      @media (max-width: 63.9375em) {
        body section.stages .descriptive .processes .process {
          left: 0;
          flex-direction: row;
          justify-content: center; }
          body section.stages .descriptive .processes .process:not(:last-child) {
            margin-bottom: 2.000em; } }
      @media (max-width: 35.5em) {
        body section.stages .descriptive .processes .process {
          justify-content: space-between; } }
      body section.stages .descriptive .processes .process:nth-child(even) {
        margin-top: 8.500em; }
        @media (min-width: 2560px) {
          body section.stages .descriptive .processes .process:nth-child(even) {
            margin-top: 7.000em; } }
        @media only screen and (min-width: 90.625em) and (max-width: 106.875em) {
          body section.stages .descriptive .processes .process:nth-child(even) {
            margin-top: 9.500em; } }
        @media (max-width: 90em) {
          body section.stages .descriptive .processes .process:nth-child(even) {
            margin-top: 11.000em; } }
        @media (max-width: 89.9375em) {
          body section.stages .descriptive .processes .process:nth-child(even) {
            margin-top: 11.700em; } }
        @media (max-width: 63.9375em) {
          body section.stages .descriptive .processes .process:nth-child(even) {
            margin-top: 0; } }
      body section.stages .descriptive .processes .process:nth-child(3) {
        margin-top: -2.500em; }
        @media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
          body section.stages .descriptive .processes .process:nth-child(3) {
            margin-top: -1.300em; } }
        @supports (-ms-ime-align: auto) {
          body section.stages .descriptive .processes .process:nth-child(3) {
            margin-top: -1.300em; } }
        @media (min-width: 2560px) {
          body section.stages .descriptive .processes .process:nth-child(3) {
            margin-top: -1.400em; } }
        @media only screen and (min-width: 90.625em) and (max-width: 106.875em) {
          body section.stages .descriptive .processes .process:nth-child(3) {
            margin-top: -2.500em; } }
        @media (max-width: 90em) {
          body section.stages .descriptive .processes .process:nth-child(3) {
            margin-top: -2.200em; } }
        @media (max-width: 89.9375em) {
          body section.stages .descriptive .processes .process:nth-child(3) {
            margin-top: -2.500em; } }
        @media (max-width: 63.9375em) {
          body section.stages .descriptive .processes .process:nth-child(3) {
            margin-top: 0; } }
      body section.stages .descriptive .processes .process:nth-child(5) {
        margin-top: 1.200em; }
        @media only screen and (min-width: 90.625em) and (max-width: 106.875em) {
          body section.stages .descriptive .processes .process:nth-child(5) {
            margin-top: 2.300em; } }
        @media (max-width: 90em) {
          body section.stages .descriptive .processes .process:nth-child(5) {
            margin-top: 2.500em; } }
        @media (max-width: 63.9375em) {
          body section.stages .descriptive .processes .process:nth-child(5) {
            margin-top: 0; } }
      body section.stages .descriptive .processes .process:nth-child(odd) .head {
        font-weight: 700;
        order: 4;
        position: relative; }
        body section.stages .descriptive .processes .process:nth-child(odd) .head::after {
          content: '';
          background-color: #FFFFFF;
          position: absolute;
          top: -.500em;
          left: 50%;
          z-index: -1;
          transform: translateX(-50%) rotate(45deg);
          width: 1.5em;
          height: 1.5em; }

@media (max-width: 63.9375em) and (max-width: 63.9375em) {
  body section.stages .descriptive .processes .process:nth-child(odd) .head::after {
    z-index: 0;
    left: 96%;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 1em;
    height: 1em; } }
        @media (max-width: 63.9375em) {
          body section.stages .descriptive .processes .process:nth-child(odd) .head {
            order: 1; } }
      body section.stages .descriptive .processes .process:nth-child(odd) .circle {
        order: 3;
        margin: 1.200em 0 2.000em 0; }
        @media (max-width: 63.9375em) {
          body section.stages .descriptive .processes .process:nth-child(odd) .circle {
            order: 2;
            margin: 0 2.000em; } }
        @media (max-width: 35.5em) {
          body section.stages .descriptive .processes .process:nth-child(odd) .circle {
            margin: 0;
            position: relative;
            left: -.100em; } }
      body section.stages .descriptive .processes .process:nth-child(odd) .content {
        order: 1; }
        @media (max-width: 63.9375em) {
          body section.stages .descriptive .processes .process:nth-child(odd) .content {
            order: 4; } }
      body section.stages .descriptive .processes .process:nth-child(odd) .arrow {
        order: 2;
        margin-top: 1.000em;
        transform: rotate(180deg); }
        @media (max-width: 63.9375em) {
          body section.stages .descriptive .processes .process:nth-child(odd) .arrow {
            order: 3; } }
      body section.stages .descriptive .processes .process:nth-child(even) .arrow {
        margin-bottom: 1.000em; }
      body section.stages .descriptive .processes .process:nth-child(even) .circle {
        margin: 2.000em 0 1.200em 0; }
        @media (max-width: 63.9375em) {
          body section.stages .descriptive .processes .process:nth-child(even) .circle {
            margin: 0 2.000em; } }
        @media (max-width: 35.5em) {
          body section.stages .descriptive .processes .process:nth-child(even) .circle {
            margin: 0;
            position: relative;
            left: -.100em; } }
      body section.stages .descriptive .processes .process:nth-child(even) .head {
        position: relative; }
        body section.stages .descriptive .processes .process:nth-child(even) .head::after {
          content: '';
          background-color: #FFFFFF;
          position: absolute;
          bottom: -.500em;
          left: 50%;
          z-index: -1;
          transform: translateX(-50%) rotate(45deg);
          width: 1.5em;
          height: 1.5em; }
          @media (max-width: 63.9375em) {
            body section.stages .descriptive .processes .process:nth-child(even) .head::after {
              z-index: 0;
              left: 96%;
              top: 50%;
              transform: translateY(-50%) rotate(45deg);
              width: 1em;
              height: 1em; } }
      body section.stages .descriptive .processes .process .head,
      body section.stages .descriptive .processes .process .content {
        background-color: #FFFFFF;
        padding: 1.000em;
        text-align: center;
        width: 100%;
        -webkit-border-radius: 0.812em;
        -moz-border-radius: 0.812em;
        border-radius: 0.812em; }
        @media (max-width: 63.9375em) {
          body section.stages .descriptive .processes .process .head,
          body section.stages .descriptive .processes .process .content {
            width: 30%; } }
      body section.stages .descriptive .processes .process .head {
        text-transform: uppercase; }
        @media (max-width: 35.5em) {
          body section.stages .descriptive .processes .process .head {
            display: none; } }
        body section.stages .descriptive .processes .process .head h6 {
          font-weight: 700; }
      body section.stages .descriptive .processes .process .circle {
        background-color: #EE4D2D;
        border: 4px solid #FFFFFF;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 2.5em;
        height: 2.5em; }
        @media (max-width: 35.5em) {
          body section.stages .descriptive .processes .process .circle {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            width: 1.5em;
            height: 1.5em; } }
        body section.stages .descriptive .processes .process .circle.orange {
          background-color: orange; }
      @media (max-width: 63.9375em) {
        body section.stages .descriptive .processes .process .arrow {
          display: none; } }
      @media (max-width: 35.5em) {
        body section.stages .descriptive .processes .process .arrow {
          display: inline;
          position: relative;
          left: .150em; }
          body section.stages .descriptive .processes .process .arrow:nth-child(odd), body section.stages .descriptive .processes .process .arrow:nth-child(even) {
            transform: rotate(-90deg);
            margin: 0;
            margin-left: -2.000em;
            position: relative;
            z-index: -1; } }
      body section.stages .descriptive .processes .process .arrow .line,
      body section.stages .descriptive .processes .process .arrow .point {
        background-color: #FFFFFF;
        margin: 0 auto; }
      body section.stages .descriptive .processes .process .arrow .line {
        height: 3.500em;
        width: .200em; }
        @media (max-width: 35.5em) {
          body section.stages .descriptive .processes .process .arrow .line {
            height: 3.500em; } }
      body section.stages .descriptive .processes .process .arrow .point {
        margin-top: -.500em;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 1em;
        height: 1em; }
        @media (max-width: 35.5em) {
          body section.stages .descriptive .processes .process .arrow .point {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            width: 0.8em;
            height: 0.8em; } }
      body section.stages .descriptive .processes .process .content {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
        @media (max-width: 35.5em) {
          body section.stages .descriptive .processes .process .content {
            width: 17.000em;
            transform: scale(0.95);
            padding: 1.750em 1.250em;
            position: relative;
            left: .500em; } }
        @media (max-width: 20em) {
          body section.stages .descriptive .processes .process .content {
            width: 10.000em; } }
        body section.stages .descriptive .processes .process .content h6 {
          text-transform: uppercase;
          color: #EE4D2D;
          font-weight: 700;
          margin-bottom: .500em; }
        body section.stages .descriptive .processes .process .content p, body section.stages header .container .row [class*=column] .descriptive .processes .process .content .text h1, body header .container .row [class*=column] section.stages .descriptive .processes .process .content .text h1, body section.stages header .container .row [class*=column] .descriptive .text .processes .process .content h1, body header .container .row [class*=column] section.stages .descriptive .text .processes .process .content h1 {
          font-size: .800em; }
        @media (max-width: 90em) {
          body section.stages .descriptive .processes .process .content br {
            display: none; } }

body section.prizes {
  overflow: hidden;
  padding: 8.000em 0;
  position: relative; }
  @media (max-width: 74.9375em) {
    body section.prizes {
      padding: 5.500em 2.000em; } }
  @media (max-width: 74.9375em) {
    body section.prizes {
      padding: 5.500em 0; } }
  @media (max-width: 35.5em) {
    body section.prizes {
      padding: .250em 0;
      padding-bottom: 5.500em; } }
  @media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
    body section.prizes .descriptive .row {
      display: block !important; } }
  @supports (-ms-ime-align: auto) {
    body section.prizes .descriptive .row {
      display: block !important; } }
  @media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
    body section.prizes .descriptive [class*=column] {
      margin-bottom: 1.500em; } }
  @supports (-ms-ime-align: auto) {
    body section.prizes .descriptive [class*=column] {
      margin-bottom: 1.500em; } }
  body section.prizes .descriptive .shapes img {
    position: absolute; }
  body section.prizes .descriptive .shapes .lightning {
    transform: scale(0.8);
    animation: lightning 3s infinite linear;
    top: 4.000em;
    left: 5.000em; }
    @media (max-width: 63.9375em) {
      body section.prizes .descriptive .shapes .lightning {
        transform: scale(1);
        top: 4.000em;
        left: 2.500em; } }
    @media (max-width: 35.5em) {
      body section.prizes .descriptive .shapes .lightning {
        left: -1.000em; } }
    @media (max-width: 35.5em) {
      body section.prizes .descriptive .shapes .lightning {
        position: relative; } }
  body section.prizes .descriptive .shapes .ring {
    animation: ring 3.250s ease 0s infinite;
    transform: scale(0.3);
    top: 1.500em;
    right: 3.500em; }
    @media (max-width: 63.9375em) {
      body section.prizes .descriptive .shapes .ring {
        top: 1.500em;
        right: 0; } }
    @media (max-width: 35.5em) {
      body section.prizes .descriptive .shapes .ring {
        right: -5.000em; } }
    @media (max-width: 20em) {
      body section.prizes .descriptive .shapes .ring {
        right: -9.000em; } }
    @media (max-width: 35.5em) {
      body section.prizes .descriptive .shapes .ring {
        display: none; } }
  body section.prizes .descriptive .shapes .circle {
    left: 5.000em;
    bottom: 5.000em;
    transform: scale(0.8);
    animation: rounded 8s ease 0s infinite; }
    @media (max-width: 63.9375em) {
      body section.prizes .descriptive .shapes .circle {
        left: 2.000em;
        bottom: 2.000em; } }
  body section.prizes .descriptive .text {
    text-align: center; }
    body section.prizes .descriptive .text h2 {
      font-weight: 700;
      text-transform: uppercase; }
    body section.prizes .descriptive .text .asterix {
      color: #EE4D2D; }
    body section.prizes .descriptive .text .line {
      background-color: #EE4D2D;
      border-radius: .500em;
      display: block;
      width: 5.250em;
      height: .425em;
      margin: .500em auto; }
  body section.prizes .descriptive .ranks {
    margin: 4.000em -1.500em 0 -1.500em; }
    @media (max-width: 74.9375em) {
      body section.prizes .descriptive .ranks {
        margin: 5.000em 0 0 0; } }
    @media (max-width: 63.9375em) {
      body section.prizes .descriptive .ranks {
        margin: 5.000em 0 0 0; } }
    @media (max-width: 35.5em) {
      body section.prizes .descriptive .ranks {
        margin: 3.000em 0 0 0; } }
    body section.prizes .descriptive .ranks .rank {
      background-color: #FFFFFF;
      text-align: center;
      margin: 0 1.500em;
      padding: 6.000em 2.000em;
      -webkit-border-radius: 0.612em;
      -moz-border-radius: 0.612em;
      border-radius: 0.612em;
      -webkit-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
      -moz-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
      box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
      height: 19.000em; }
      @media (max-width: 90em) {
        body section.prizes .descriptive .ranks .rank {
          padding: 4.000em 2.000em; } }
      @media (max-width: 74.9375em) {
        body section.prizes .descriptive .ranks .rank {
          margin: 0 1.000em;
          padding: 3.000em 1.500em; } }
      @media (max-width: 63.9375em) {
        body section.prizes .descriptive .ranks .rank {
          margin-bottom: 1.500em;
          height: auto; } }
      @media (max-width: 20em) {
        body section.prizes .descriptive .ranks .rank {
          padding: 2.000em 1.000em; } }
      body section.prizes .descriptive .ranks .rank img {
        margin-bottom: 2.000em;
        width: 10em;
        height: 10em; }
      body section.prizes .descriptive .ranks .rank h6 {
        text-transform: capitalize;
        font-size: 1.500em; }
        @media (max-width: 35.5em) {
          body section.prizes .descriptive .ranks .rank h6 {
            font-weight: 700;
            font-size: 90%; } }
      body section.prizes .descriptive .ranks .rank h4 {
        font-weight: 600;
        color: #EE4D2D; }
        @media (max-width: 35.5em) {
          body section.prizes .descriptive .ranks .rank h4 {
            font-size: 1.200em; } }
        @media (max-width: 20em) {
          body section.prizes .descriptive .ranks .rank h4 {
            font-size: 1.400em; } }
      body section.prizes .descriptive .ranks .rank p, body section.prizes header .container .row [class*=column] .descriptive .ranks .rank .text h1, body header .container .row [class*=column] section.prizes .descriptive .ranks .rank .text h1, body section.prizes header .container .row [class*=column] .descriptive .text .ranks .rank h1, body header .container .row [class*=column] section.prizes .descriptive .text .ranks .rank h1 {
        margin-top: .300em; }
        @media (max-width: 35.5em) {
          body section.prizes .descriptive .ranks .rank p, body section.prizes header .container .row [class*=column] .descriptive .ranks .rank .text h1, body header .container .row [class*=column] section.prizes .descriptive .ranks .rank .text h1, body section.prizes header .container .row [class*=column] .descriptive .text .ranks .rank h1, body header .container .row [class*=column] section.prizes .descriptive .text .ranks .rank h1 {
            font-size: 80%; } }
        @media (max-width: 20em) {
          body section.prizes .descriptive .ranks .rank p, body section.prizes header .container .row [class*=column] .descriptive .ranks .rank .text h1, body header .container .row [class*=column] section.prizes .descriptive .ranks .rank .text h1, body section.prizes header .container .row [class*=column] .descriptive .text .ranks .rank h1, body header .container .row [class*=column] section.prizes .descriptive .text .ranks .rank h1 {
            font-size: .800em; } }
  body section.prizes .descriptive .description {
    text-align: center;
    margin-top: 3.000em;
    font-size: 1.100em;
    color: #EE4D2D; }
    @media (max-width: 74.9375em) {
      body section.prizes .descriptive .description {
        font-size: 1.250em;
        margin: 3.000em 8.000em 0 8.000em; } }
    @media (max-width: 63.9375em) {
      body section.prizes .descriptive .description {
        font-size: 1.250em;
        margin: 2.000em 3.000em 0 3.000em; } }
    @media (max-width: 47.9375em) {
      body section.prizes .descriptive .description {
        margin: 1.000em 3.000em 0 3.000em; } }
    @media (max-width: 35.5em) {
      body section.prizes .descriptive .description {
        font-size: 1.100em;
        margin: 1.000em 1.000em 0 1.000em; } }
    @media (max-width: 20em) {
      body section.prizes .descriptive .description {
        font-size: 1.000em; } }

@keyframes rounded {
  0% {
    transform: scale(0.6);
    opacity: 0.3; }
  60% {
    transform: scale(1) rotate(105.5deg);
    opacity: 1.0; }
  100% {
    transform: scale(0.6);
    opacity: 0.3; } }

@keyframes ring {
  0% {
    transform: scale(0.25);
    opacity: 0.3; }
  60% {
    transform: scale(0.3) rotate(105.5deg);
    opacity: 1.0; }
  100% {
    transform: scale(0.25);
    opacity: 0.3; } }

@keyframes lightning {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.3) rotate(5.5deg); }
  100% {
    transform: scale(1); } }
  @media (max-width: 63.9375em) {
    body section.prizes .descriptive .description p, body section.prizes header .container .row [class*=column] .descriptive .description .text h1, body header .container .row [class*=column] section.prizes .descriptive .description .text h1, body section.prizes header .container .row [class*=column] .descriptive .text .description h1, body header .container .row [class*=column] section.prizes .descriptive .text .description h1 {
      font-size: .950em;
      padding: 0 1.250em; } }

body section.timeline {
  overflow: hidden;
  position: relative;
  padding: 5.000em 28.000em 8.000em 28.000em; }
  @media (max-width: 90em) {
    body section.timeline {
      padding: 5.000em 17.000em 7.000em 17.000em; } }
  @media (max-width: 89.9375em) {
    body section.timeline {
      padding: 5.000em 12.000em 7.000em 12.000em; } }
  @media (max-width: 74.9375em) {
    body section.timeline {
      padding: 5.000em 4.000em 7.000em 4.000em; } }
  @media (max-width: 35.5em) {
    body section.timeline {
      padding: 3.000em 1.000em 5.000em 1.000em; } }
  body section.timeline .descriptive .shapes img {
    position: absolute;
    z-index: -1; }
  body section.timeline .descriptive .shapes .blob1 {
    top: -7.000em;
    left: -35.000em;
    transform: scale(0.85); }
    @media (max-width: 74.9375em) {
      body section.timeline .descriptive .shapes .blob1 {
        left: -50.000em; } }
  body section.timeline .descriptive .shapes .blob2 {
    top: 4.000em;
    right: -12.000em; }
  body section.timeline .descriptive .shapes .dots {
    bottom: 12.000em;
    right: -2.000em; }
  body section.timeline .descriptive .rundown {
    padding: 4.000em 5.000em;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
    -moz-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
    box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em; }
    @media (max-width: 35.5em) {
      body section.timeline .descriptive .rundown {
        padding: 2.000em;
        padding-bottom: 3.500em; } }
    @media (max-width: 20em) {
      body section.timeline .descriptive .rundown {
        padding: 2.000em 1.000em; } }
    body section.timeline .descriptive .rundown .text {
      text-align: center; }
      body section.timeline .descriptive .rundown .text h2 {
        font-weight: 700;
        text-transform: uppercase; }
      body section.timeline .descriptive .rundown .text span {
        background-color: #EE4D2D;
        border-radius: .500em;
        display: block;
        width: 5.250em;
        height: .425em;
        margin: .500em auto; }
    body section.timeline .descriptive .rundown .schedules {
      position: relative;
      z-index: 2;
      margin: 4.000em 0 4.000em 0; }
      body section.timeline .descriptive .rundown .schedules .schedule {
        display: flex;
        align-items: center; }
        body section.timeline .descriptive .rundown .schedules .schedule:not(:last-child) {
          margin-bottom: 3.000em; }
        body section.timeline .descriptive .rundown .schedules .schedule .point {
          flex-basis: 15%; }
          body section.timeline .descriptive .rundown .schedules .schedule .point .circle {
            background-color: #FFFFFF;
            border: 0.25em solid #EE4D2D;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            width: 1.5em;
            height: 1.5em; }
            @media (max-width: 35.5em) {
              body section.timeline .descriptive .rundown .schedules .schedule .point .circle {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                width: 1em;
                height: 1em; } }
        body section.timeline .descriptive .rundown .schedules .schedule .date {
          flex-basis: 30%;
          font-weight: 600; }
          @media (max-width: 63.9375em) {
            body section.timeline .descriptive .rundown .schedules .schedule .date {
              display: none; } }
        body section.timeline .descriptive .rundown .schedules .schedule .activities .date,
        body section.timeline .descriptive .rundown .schedules .schedule .activities .activity {
          display: none; }
        @media (max-width: 63.9375em) {
          body section.timeline .descriptive .rundown .schedules .schedule .activities {
            flex-basis: 85%; }
            body section.timeline .descriptive .rundown .schedules .schedule .activities .date,
            body section.timeline .descriptive .rundown .schedules .schedule .activities .activity {
              display: flex; } }
    @media (max-width: 63.9375em) and (max-width: 35.5em) {
      body section.timeline .descriptive .rundown .schedules .schedule .activities .date,
      body section.timeline .descriptive .rundown .schedules .schedule .activities .activity {
        font-size: 1.000em; } }
        @media (max-width: 35.5em) {
          body section.timeline .descriptive .rundown .schedules .schedule .activities {
            margin-left: 1.000em; } }
        body section.timeline .descriptive .rundown .schedules .schedule .activity {
          flex-basis: 55%;
          position: relative; }
          @media (max-width: 63.9375em) {
            body section.timeline .descriptive .rundown .schedules .schedule .activity {
              display: none; } }
          body section.timeline .descriptive .rundown .schedules .schedule .activity img {
            margin-left: .200em;
            transform: scale(0.9) translateY(0.2em); }
            @media (max-width: 35.5em) {
              body section.timeline .descriptive .rundown .schedules .schedule .activity img {
                position: absolute;
                bottom: -1.5em; } }
      body section.timeline .descriptive .rundown .schedules .lines .line {
        position: absolute;
        height: 110%;
        width: .250em;
        left: .850em;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
        background-color: #EE4D2D; }
        @media (max-width: 35.5em) {
          body section.timeline .descriptive .rundown .schedules .lines .line {
            left: .600em; } }
        @media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
          body section.timeline .descriptive .rundown .schedules .lines .line {
            left: .650em; } }
        @supports (-ms-ime-align: auto) {
          body section.timeline .descriptive .rundown .schedules .lines .line {
            left: .650em; } }
        body section.timeline .descriptive .rundown .schedules .lines .line::before {
          content: '';
          position: absolute;
          top: -.500em;
          left: 50%;
          transform: translateX(-50%);
          background-color: #EE4D2D;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          width: 0.7em;
          height: 0.7em; }
        body section.timeline .descriptive .rundown .schedules .lines .line::after {
          content: '';
          position: absolute;
          bottom: -.500em;
          left: 50%;
          transform: translateX(-50%);
          background-color: #EE4D2D;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          width: 0.7em;
          height: 0.7em; }
  body section.timeline .descriptive .description {
    text-align: center; }
    body section.timeline .descriptive .description h6 {
      color: #EE4D2D; }

body section.information {
  padding: 5.000em 0; }
  body section.information .container .row .box {
    -webkit-border-radius: .350em;
    -moz-border-radius: .350em;
    border-radius: .350em;
    -webkit-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
    -moz-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
    box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: #FFFFFF;
    height: 9.250em;
    padding: 2.500em; }
    @media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
      body section.information .container .row .box {
        height: auto !important; } }
  @media screen and (min-width: 0\0) and (min-resolution: 72dpi) and (max-width: 90em) {
    body section.information .container .row .box {
      height: auto !important; } }
    @supports (-ms-ime-align: auto) {
      body section.information .container .row .box {
        height: auto !important; }
        @media (max-width: 90em) {
          body section.information .container .row .box {
            height: auto !important; } } }
    body section.information .container .row .box .descriptive .image,
    body section.information .container .row .box .descriptive .text {
      display: inline-block; }
    body section.information .container .row .box .descriptive .image img {
      max-width: 3.000em; }
    body section.information .container .row .box .descriptive .text {
      position: relative;
      top: -.950em;
      margin-left: 1.500em;
      margin-bottom: 1.500em; }
      body section.information .container .row .box .descriptive .text h5 {
        font-weight: 700; }
    body section.information .container .row .box .descriptive .caption p, body section.information header .container .row .box [class*=column] .descriptive .caption .text h1, body header section.information .container .row .box [class*=column] .descriptive .caption .text h1, body section.information header .container .row [class*=column] .box .descriptive .caption .text h1, body header section.information .container .row [class*=column] .box .descriptive .caption .text h1, body section.information header .container .row .box [class*=column] .descriptive .text .caption h1, body header section.information .container .row .box [class*=column] .descriptive .text .caption h1, body section.information header .container .row [class*=column] .box .descriptive .text .caption h1, body header section.information .container .row [class*=column] .box .descriptive .text .caption h1 {
      line-height: 1.500em; }
      body section.information .container .row .box .descriptive .caption p strong, body section.information header .container .row .box [class*=column] .descriptive .caption .text h1 strong, body header section.information .container .row .box [class*=column] .descriptive .caption .text h1 strong, body section.information header .container .row [class*=column] .box .descriptive .caption .text h1 strong, body header section.information .container .row [class*=column] .box .descriptive .caption .text h1 strong, body section.information header .container .row .box [class*=column] .descriptive .text .caption h1 strong, body header section.information .container .row .box [class*=column] .descriptive .text .caption h1 strong, body section.information header .container .row [class*=column] .box .descriptive .text .caption h1 strong, body header section.information .container .row [class*=column] .box .descriptive .text .caption h1 strong {
        color: #EE4D2D; }
    body section.information .container .row .box .descriptive .caption small {
      color: #EE4D2D; }
    body section.information .container .row .box:first-child {
      margin-right: 2.200em; }
    body section.information .container .row .box:last-child {
      margin-left: 2.200em; }
    body section.information .container .row .box:hover {
      -webkit-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.2);
      -moz-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.2);
      box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.2);
      animation: box-hover .300s linear;
      transform: scale(1.025);
      cursor: default; }
  body section.information .container .row:first-child {
    margin-bottom: 4.000em; }
  body section.information .container .row:last-child {
    display: flex;
    align-items: center;
    justify-content: center; }

@keyframes box-hover {
  0% {
    transform: scale(1); }
  60% {
    transform: scale(1.05); }
  100% {
    transform: scale(1.025); } }
  @media only screen and (min-width: 90.625em) and (max-width: 106.875em) {
    body section.information .container .row .box {
      height: 12.000em; }
      body section.information .container .row .box.last {
        height: 10.000em; } }
  @media (max-width: 90em) {
    body section.information .container .row .box {
      height: 14.500em; }
      body section.information .container .row .box.last {
        height: 10.000em; } }
  @media (max-width: 63.9375em) {
    body section.information {
      padding: 5.000em 0;
      padding-bottom: 2.000em; }
      body section.information .container .row .box {
        height: auto;
        margin-bottom: 2.250em; }
        body section.information .container .row .box .descriptive .image img {
          display: block;
          margin: 0 auto;
          margin-bottom: .500em; }
        body section.information .container .row .box .descriptive .text {
          position: relative;
          top: unset;
          display: block;
          margin-left: unset;
          margin-bottom: .500em; }
          body section.information .container .row .box .descriptive .text h5 {
            font-weight: 700;
            text-transform: uppercase; }
        body section.information .container .row .box .descriptive .caption p, body section.information header .container .row .box [class*=column] .descriptive .caption .text h1, body header section.information .container .row .box [class*=column] .descriptive .caption .text h1, body section.information header .container .row [class*=column] .box .descriptive .caption .text h1, body header section.information .container .row [class*=column] .box .descriptive .caption .text h1, body section.information header .container .row .box [class*=column] .descriptive .text .caption h1, body header section.information .container .row .box [class*=column] .descriptive .text .caption h1, body section.information header .container .row [class*=column] .box .descriptive .text .caption h1, body header section.information .container .row [class*=column] .box .descriptive .text .caption h1 {
          word-wrap: initial; }
        body section.information .container .row .box:first-child {
          margin-right: unset; }
        body section.information .container .row .box:last-child {
          margin-left: unset; }
      body section.information .container .row:first-child {
        margin-bottom: unset; } }
  @media (max-width: 35.5em) {
    body section.information {
      padding: 3.000em 0 2.000em 0; } }
  @media (max-width: 20em) {
    body section.information .container .row .box.last {
      height: 15.000em; } }

body section.tour {
  position: relative;
  padding: 0 0 5.000em 0; }
  body section.tour .container .row .descriptive {
    width: 100%; }
    body section.tour .container .row .descriptive .shape span {
      -webkit-border-radius: 5em;
      -moz-border-radius: 5em;
      border-radius: 5em;
      background-color: rgba(238, 77, 45, 0.5);
      display: block;
      position: absolute;
      z-index: -1; }
      @media (max-width: 35.5em) {
        body section.tour .container .row .descriptive .shape span {
          transform: scale(0.9) translateY(2em); } }
      body section.tour .container .row .descriptive .shape span.cloud[layer=first] {
        animation: shape-cloud-first 4.5s ease 0s infinite;
        width: 15.000em;
        height: 2.250em;
        bottom: 3.500em;
        left: -1.500em; }
      body section.tour .container .row .descriptive .shape span.cloud[layer=second] {
        animation: shape-cloud-second 6.5s ease 0s infinite;
        background-color: rgba(238, 77, 45, 0.2);
        width: 10.250em;
        height: 2.250em;
        bottom: 0;
        left: -1.500em; }
    body section.tour .container .row .descriptive .shape img {
      position: absolute; }
      body section.tour .container .row .descriptive .shape img.ring {
        top: -5.000em;
        right: 0;
        transform: scale(0.2); }
      body section.tour .container .row .descriptive .shape img.blob {
        top: 20.000em;
        right: -37.000em;
        z-index: -1; }
    body section.tour .container .row .descriptive .text {
      text-align: center; }
      body section.tour .container .row .descriptive .text h2,
      body section.tour .container .row .descriptive .text h5 {
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
        font-weight: 700;
        text-transform: uppercase; }
      @media (max-width: 20em) {
        body section.tour .container .row .descriptive .text h2 {
          font-size: 1.900em; } }
      body section.tour .container .row .descriptive .text h6 {
        margin: .500em 0; }
        @media (max-width: 35.5em) {
          body section.tour .container .row .descriptive .text h6 br {
            display: none; } }
      body section.tour .container .row .descriptive .text span {
        background-color: #EE4D2D;
        border-radius: .500em;
        display: block;
        width: 5.250em;
        height: .425em;
        margin: 1.000em auto; }
    body section.tour .container .row .descriptive .image {
      text-align: center; }
      body section.tour .container .row .descriptive .image .university {
        margin: 2.500em 0; }
        body section.tour .container .row .descriptive .image .university ul {
          display: flex;
          justify-content: center; }
          body section.tour .container .row .descriptive .image .university ul li {
            list-style-type: none;
            margin: 0 1.800em; }
            body section.tour .container .row .descriptive .image .university ul li img {
              transform: scale(0.9);
              -webkit-touch-callout: none;
              -webkit-tap-highlight-color: transparent;
              -webkit-user-select: none;
              -khtml-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
              width: 9.000em;
              height: 9.000em;
              object-fit: contain;
              -webkit-transition: all 0.2s ease 0s;
              -moz-transition: all 0.2s ease 0s;
              transition: all 0.2s ease 0s; }
              @media (max-width: 63.9375em) {
                body section.tour .container .row .descriptive .image .university ul li img {
                  width: 7.00em;
                  height: 7.00em; } }
              @media (max-width: 35.5em) {
                body section.tour .container .row .descriptive .image .university ul li img {
                  margin: 0 .500em;
                  width: 4.500em;
                  height: 4.500em; } }
              @media (max-width: 20em) {
                body section.tour .container .row .descriptive .image .university ul li img {
                  width: 3.500em;
                  height: 3.500em; } }
              body section.tour .container .row .descriptive .image .university ul li img:hover {
                cursor: pointer;
                transform: scale(1.015); }
            body section.tour .container .row .descriptive .image .university ul li.active {
              -webkit-transition: all 0.2s ease 0s;
              -moz-transition: all 0.2s ease 0s;
              transition: all 0.2s ease 0s; }
              body section.tour .container .row .descriptive .image .university ul li.active:after {
                -webkit-transition: all 0.2s ease 0s;
                -moz-transition: all 0.2s ease 0s;
                transition: all 0.2s ease 0s;
                content: '';
                background-color: #EE4D2D;
                text-align: center;
                border-radius: 50%;
                display: block;
                height: 1.000em;
                width: 1.000em;
                margin: .800em auto; }
      body section.tour .container .row .descriptive .image .speaker {
        margin: 4.000em 0; }
        body section.tour .container .row .descriptive .image .speaker [university] {
          -webkit-transition: all 0.2s ease 0s;
          -moz-transition: all 0.2s ease 0s;
          transition: all 0.2s ease 0s; }
          body section.tour .container .row .descriptive .image .speaker [university] .person {
            opacity: 0.0;
            display: none;
            margin: 0 3.500em; }
            body section.tour .container .row .descriptive .image .speaker [university] .person .photo {
              -webkit-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.2);
              -moz-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.2);
              box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.2);
              -webkit-transition: all 0.3s ease 0s;
              -moz-transition: all 0.3s ease 0s;
              transition: all 0.3s ease 0s;
              background-position: center;
              background-size: cover;
              border-radius: 50%;
              display: block;
              width: 8.500em;
              height: 8.500em;
              margin: 0 auto; }
              body section.tour .container .row .descriptive .image .speaker [university] .person .photo:hover {
                -webkit-box-shadow: 0 0 2.25em 0 rgba(50, 60, 70, 0.3);
                -moz-box-shadow: 0 0 2.25em 0 rgba(50, 60, 70, 0.3);
                box-shadow: 0 0 2.25em 0 rgba(50, 60, 70, 0.3);
                position: relative;
                top: -.050em;
                transform: scale(1.075); }
            body section.tour .container .row .descriptive .image .speaker [university] .person .caption {
              margin: 1.000em 0; }
              body section.tour .container .row .descriptive .image .speaker [university] .person .caption h5 {
                font-weight: 700; }
          body section.tour .container .row .descriptive .image .speaker [university].active .person {
            opacity: 0.0;
            display: inline-block; }
            body section.tour .container .row .descriptive .image .speaker [university].active .person[sequence=first] {
              animation: speaker-appear-first 1.500s ease; }
            body section.tour .container .row .descriptive .image .speaker [university].active .person[sequence=second] {
              animation: speaker-appear-second 1.500s ease; }
            body section.tour .container .row .descriptive .image .speaker [university].active .person[sequence=third] {
              animation: speaker-appear-third 1.500s ease; }
            body section.tour .container .row .descriptive .image .speaker [university].active .person[sequence] {
              animation-fill-mode: forwards; }

@keyframes speaker-appear-first {
  20% {
    opacity: 0.0;
    display: none; }
  100% {
    opacity: 1.0;
    display: block; } }

@keyframes speaker-appear-second {
  40% {
    opacity: 0.0;
    display: none; }
  100% {
    opacity: 1.0;
    display: block; } }

@keyframes speaker-appear-third {
  60% {
    opacity: 0.0;
    display: none; }
  100% {
    opacity: 1.0;
    display: block; } }

@keyframes shape-cloud-first {
  0% {
    left: -1.500em; }
  60% {
    left: -3.500em; } }

@keyframes shape-cloud-second {
  0% {
    left: -1.500em; }
  30% {
    left: -6.500em; } }
  @media (max-width: 74.9375em) {
    body section.tour .container .row .descriptive .image .university ul li {
      margin: 0 1.000em; }
      body section.tour .container .row .descriptive .image .university ul li img {
        transform: scale(0.8); } }
  @media (max-width: 63.9375em) {
    body section.tour .container .row .descriptive .image .university ul {
      padding-left: 0; }
      body section.tour .container .row .descriptive .image .university ul li {
        margin: 0 1.300em; }
        body section.tour .container .row .descriptive .image .university ul li img {
          transform: scale(0.8); }
    body section.tour .container .row .descriptive .image .speaker [university] .person {
      margin: 0 2.500em; } }
  @media (max-width: 35.5em) {
    body section.tour {
      padding: 0; }
      body section.tour .container .row .descriptive .shape img {
        display: none; }
      body section.tour .container .row .descriptive .text h6 {
        font-size: 90%; }
      body section.tour .container .row .descriptive .image .university {
        margin-top: 1.250em;
        margin-bottom: -.250em; }
        body section.tour .container .row .descriptive .image .university ul {
          padding-left: 0; }
          body section.tour .container .row .descriptive .image .university ul li {
            margin: 0 .250em; }
            body section.tour .container .row .descriptive .image .university ul li.active:after {
              height: .400em;
              width: .400em;
              margin: .400em auto; }
      body section.tour .container .row .descriptive .image .speaker {
        margin-top: 2.750em;
        margin-bottom: 7.000em; }
        body section.tour .container .row .descriptive .image .speaker [university] .person {
          margin: 0 2.500em; } }

figure.modal {
  -webkit-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.2);
  -moz-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.2);
  box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.2);
  display: none;
  background: rgba(255, 255, 255, 0.925);
  border-radius: .500em;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 10;
  left: 47.50%;
  top: 50%;
  width: 45.500em;
  padding: 4.500em 2.500em; }
  @media only screen and (max-width: 64em) {
    figure.modal {
      width: 30.500em;
      left: 47.5%; } }
  @media only screen and (max-width: 48em) {
    figure.modal {
      width: 30.500em;
      left: 47.5%; } }
  @media only screen and (max-width: 48.5em) and (orientation: landscape) {
    figure.modal {
      width: 30.500em;
      max-height: 10.000em;
      overflow-y: scroll;
      left: 47.5%; } }
  @media only screen and (max-width: 35.5em) {
    figure.modal {
      width: 20.500em;
      left: 40.500%; }
      figure.modal .text {
        max-height: 23.500em;
        margin-top: 1.000em;
        overflow-y: scroll; } }
  @media only screen and (max-width: 22.5em) {
    figure.modal {
      width: 18.500em;
      left: 40.500%; }
      figure.modal .text {
        max-height: 10.500em;
        margin-top: 1.000em;
        overflow-y: scroll; } }
  figure.modal .descriptive .image img {
    max-width: 100%;
    width: 20.000em;
    display: block;
    margin: 0 auto; }
  figure.modal .descriptive .text {
    width: 100%;
    text-align: center;
    box-sizing: border-box; }
    figure.modal .descriptive .text h6 {
      margin-bottom: .500em; }
    figure.modal .descriptive .text h6 {
      font-weight: 400;
      margin: 1.000em 0; }
  figure.modal .descriptive .action {
    display: block;
    margin: 1.250em 0;
    margin-bottom: -.500em; }
    figure.modal .descriptive .action button {
      color: #FFFFFF;
      background-color: #EE4D2D;
      display: block;
      margin: 0 auto; }
  figure.modal[state=catch] {
    background-color: #EE4D2D; }
    figure.modal[state=catch] .text h5 {
      color: #FFFFFF; }
    figure.modal[state=catch] .text h6 {
      color: #FFFFFF; }
    figure.modal[state=catch] .action button {
      color: #EE4D2D; }
  figure.modal.active {
    animation: modal-entrance .400s ease-in-out;
    display: block; }

figure.backdrop {
  background-color: rgba(50, 60, 70, 0.5);
  transform: translate(-50%, -50%);
  display: none;
  position: fixed;
  z-index: 9;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100vh;
  margin: 0; }
  figure.backdrop.active {
    display: block; }

@keyframes (modal-entrance) {
  0% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

body section.faq {
  overflow: hidden;
  padding-bottom: 5.000em;
  position: relative; }
  @media (max-width: 74.9375em) {
    body section.faq {
      padding-bottom: 3.000em; } }
  @media (max-width: 35.5em) {
    body section.faq {
      padding-top: 3.000em; } }
  body section.faq .shapes img {
    position: absolute;
    z-index: -1; }
  body section.faq .shapes .blob {
    transform: rotate(-90deg);
    bottom: 25.000em;
    left: -40.000em; }
    @media (max-width: 74.9375em) {
      body section.faq .shapes .blob {
        left: -60.000em; } }
  body section.faq .shapes .dots {
    bottom: 12.000em;
    right: -2.000em; }
  body section.faq .container .row .descriptive {
    width: 100%; }
    body section.faq .container .row .descriptive .text {
      text-align: center;
      margin-bottom: 3.500em; }
      body section.faq .container .row .descriptive .text h2,
      body section.faq .container .row .descriptive .text h5 {
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
        font-weight: 700;
        text-transform: uppercase; }
      body section.faq .container .row .descriptive .text h6 {
        margin: .500em 0; }
      body section.faq .container .row .descriptive .text span {
        background-color: #EE4D2D;
        border-radius: .500em;
        display: block;
        width: 5.250em;
        height: .425em;
        margin: 1.000em auto; }
  body section.faq .container .row .box {
    -webkit-border-radius: .350em;
    -moz-border-radius: .350em;
    border-radius: .350em;
    -webkit-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
    -moz-box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
    box-shadow: 0 0.25em 2.25em 0 rgba(50, 60, 70, 0.125);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: #FFFFFF;
    cursor: pointer;
    margin-bottom: 1.500em;
    padding: 2.500em;
    padding-bottom: 1.000em;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    body section.faq .container .row .box:focus {
      outline: none;
      outline: 0; }
    body section.faq .container .row .box .descriptive .image,
    body section.faq .container .row .box .descriptive .text {
      display: inline-block; }
    body section.faq .container .row .box .descriptive .image {
      width: 100%;
      margin-top: -1.250em; }
      body section.faq .container .row .box .descriptive .image img {
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        opacity: .350;
        filter: grayscale(1);
        max-width: 3.000em;
        position: relative;
        top: .850em;
        left: .500em; }
      body section.faq .container .row .box .descriptive .image svg {
        color: #EE4D2D;
        float: right;
        transform: scale(1.2);
        position: relative;
        top: 1.500em; }
    body section.faq .container .row .box .descriptive .text {
      text-align: left;
      position: relative;
      top: -2.200em;
      margin-left: 5.500em;
      margin-bottom: -3.250em; }
      @media (max-width: 63.9375em) {
        body section.faq .container .row .box .descriptive .text {
          top: -2.500em; } }
      body section.faq .container .row .box .descriptive .text h6 {
        margin-right: 1.500em; }
    body section.faq .container .row .box .descriptive .caption {
      -webkit-border-radius: .350em;
      -moz-border-radius: .350em;
      border-radius: .350em;
      background-color: rgba(150, 150, 150, 0.075);
      display: none;
      margin: .500em 0;
      margin-bottom: .800em;
      margin-right: .100em;
      padding: 1.500em; }
      body section.faq .container .row .box .descriptive .caption p, body section.faq header .container .row .box [class*=column] .descriptive .caption .text h1, body header section.faq .container .row .box [class*=column] .descriptive .caption .text h1, body section.faq header .container .row [class*=column] .box .descriptive .caption .text h1, body header section.faq .container .row [class*=column] .box .descriptive .caption .text h1, body section.faq header .container .row .box [class*=column] .descriptive .text .caption h1, body header section.faq .container .row .box [class*=column] .descriptive .text .caption h1, body section.faq header .container .row [class*=column] .box .descriptive .text .caption h1, body header section.faq .container .row [class*=column] .box .descriptive .text .caption h1 {
        line-height: 1.500em; }
      body section.faq .container .row .box .descriptive .caption small {
        color: #EE4D2D; }
    body section.faq .container .row .box.active .descriptive .image img {
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      opacity: 1.0;
      filter: grayscale(0); }
    body section.faq .container .row .box.active .descriptive .caption {
      display: block; }
    body section.faq .container .row .box:first-child {
      margin-right: 17.000em; }
      @media (max-width: 90em) {
        body section.faq .container .row .box:first-child {
          margin-right: 4.000em; } }
      @media (max-width: 74.9375em) {
        body section.faq .container .row .box:first-child {
          margin-right: unset; } }
    body section.faq .container .row .box:last-child {
      margin-left: 17.000em; }
      @media (max-width: 90em) {
        body section.faq .container .row .box:last-child {
          margin-left: 4.000em; } }
      @media (max-width: 74.9375em) {
        body section.faq .container .row .box:last-child {
          margin-left: unset; } }
  @media (max-width: 35.5em) {
    body section.faq .container .row .box {
      padding: 2.500em 1.500em; }
      body section.faq .container .row .box .descriptive .image,
      body section.faq .container .row .box .descriptive .text {
        display: block !important; }
      body section.faq .container .row .box .descriptive .text {
        position: unset;
        margin-left: unset;
        margin-top: 1.750em;
        margin-bottom: -1.000em; }
      body section.faq .container .row .box .descriptive .caption {
        margin-top: 1.7500em;
        margin-bottom: -1.000em; } }

body section.contact {
  overflow: hidden;
  position: relative;
  padding: 6.000em 0; }
  @media (max-width: 90em) {
    body section.contact {
      padding: 8.000em 0; } }
  @media (max-width: 35.5em) {
    body section.contact {
      padding: 7.000em 0; } }
  @media (max-width: 74.9375em) {
    body section.contact .container {
      padding: 0 7.000em; } }
  @media (max-width: 63.9375em) {
    body section.contact .container {
      padding: 0 5.000em; } }
  @media (max-width: 35.5em) {
    body section.contact .container {
      padding: 0 2.000em; } }
  body section.contact .descriptive .shapes img {
    position: absolute;
    z-index: 0; }
  body section.contact .descriptive .shapes .ring {
    transform: scale(1) rotate(-25deg);
    top: 7.000em;
    left: 1.000em; }
    @media (max-width: 89.9375em) {
      body section.contact .descriptive .shapes .ring {
        left: -4.000em; } }
  body section.contact .descriptive .shapes .dots {
    transform: scale(0.8);
    bottom: 5.000em;
    right: -3.500em; }
    @media (max-width: 90em) {
      body section.contact .descriptive .shapes .dots {
        bottom: 2.000em; } }
    @media (max-width: 89.9375em) {
      body section.contact .descriptive .shapes .dots {
        transform: scale(0.7);
        right: -4.000em; } }
    @media (max-width: 35.5em) {
      body section.contact .descriptive .shapes .dots {
        transform: scale(0.4);
        right: -7.000em;
        bottom: .500em; } }
  body section.contact .descriptive .background img {
    position: absolute;
    z-index: -2;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  body section.contact .descriptive .background .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    opacity: 1;
    background-image: linear-gradient(to bottom, rgba(238, 77, 45, 0.9), #FF6633); }
  body section.contact .descriptive .images {
    position: relative; }
    body section.contact .descriptive .images .photo {
      width: 90%;
      height: 32.000em;
      object-fit: cover;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -webkit-border-radius: 1em;
      -moz-border-radius: 1em;
      border-radius: 1em;
      display: none;
      transform: scale(1.2);
      -webkit-border-radius: 1em;
      -moz-border-radius: 1em;
      border-radius: 1em; }
      @media (max-width: 90em) {
        body section.contact .descriptive .images .photo {
          height: 25.000em; } }
      @media (max-width: 74.9375em) {
        body section.contact .descriptive .images .photo {
          width: 100%; } }
      @media (max-width: 47.9375em) {
        body section.contact .descriptive .images .photo {
          height: 20.000em; } }
      @media (max-width: 20em) {
        body section.contact .descriptive .images .photo {
          height: 15.000em; } }
      body section.contact .descriptive .images .photo.active {
        animation: slider 6s infinite ease;
        animation-fill-mode: forwards;
        display: block; }
    body section.contact .descriptive .images .overlay {
      position: absolute;
      top: 1.700em;
      left: -1.700em;
      width: 90%;
      height: 100%;
      background-color: #FFFFFF;
      opacity: .5;
      z-index: -1;
      -webkit-border-radius: 1em;
      -moz-border-radius: 1em;
      border-radius: 1em; }
      @media (max-width: 74.9375em) {
        body section.contact .descriptive .images .overlay {
          width: 100%; } }
      @media (max-width: 35.5em) {
        body section.contact .descriptive .images .overlay {
          top: .800em;
          left: -.800em; } }
    body section.contact .descriptive .images .lightning {
      position: absolute;
      left: 3.000em;
      bottom: -3.300em; }
  body section.contact .descriptive .text {
    margin-top: 4.750em; }
    @media (max-width: 74.9375em) {
      body section.contact .descriptive .text {
        margin-top: 6.000em; } }
    @media (max-width: 35.5em) {
      body section.contact .descriptive .text {
        margin-top: 4.000em; } }
    body section.contact .descriptive .text h2 {
      color: #FFFFFF;
      text-transform: uppercase;
      font-weight: 700; }
    body section.contact .descriptive .text span {
      background-color: #FFFFFF;
      border-radius: .500em;
      display: block;
      width: 4.250em;
      height: .425em;
      margin-top: .500em; }
  body section.contact .descriptive .quest {
    margin: 3.000em 0 8.000em 0; }
    @media (max-width: 90em) {
      body section.contact .descriptive .quest {
        margin: 3.000em 0 2.000em 0; } }
    body section.contact .descriptive .quest p, body section.contact header .container .row [class*=column] .descriptive .quest .text h1, body header .container .row [class*=column] section.contact .descriptive .quest .text h1, body section.contact header .container .row [class*=column] .descriptive .text .quest h1, body header .container .row [class*=column] section.contact .descriptive .text .quest h1 {
      color: #FFFFFF;
      margin-bottom: 1.000em; }
    body section.contact .descriptive .quest button {
      background-color: #FFFFFF;
      color: #EE4D2D; }
  body section.contact .descriptive .partner p, body section.contact header .container .row [class*=column] .descriptive .partner .text h1, body header .container .row [class*=column] section.contact .descriptive .partner .text h1, body section.contact header .container .row [class*=column] .descriptive .text .partner h1, body header .container .row [class*=column] section.contact .descriptive .text .partner h1 {
    color: #FFFFFF; }

body .react-ripples {
  -webkit-border-radius: .350em;
  -moz-border-radius: .350em;
  border-radius: .350em; }