/*reset*/
@import url("https://use.typekit.net/okh4eal.css");
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, a, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, input, textarea, select, button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  outline: 0;
  -webkit-appearance: none; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

ul {
  list-style: none; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s; }

body, html {
  width: 100%;
  height: 100%; }

*:focus {
  outline: none; }

a {
  text-decoration: none;
  color: inherit;
  display: block; }

figure {
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

img, object, svg, figure {
  -webkit-user-drag: none;
  width: 100%; }

img, object, svg {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

video {
  overflow: hidden;
  border: 0;
  display: block; }

header, footer, section, figure, article, div, span, li, p, h1, h2, h3, h4, h5, h6 {
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  -moz-osx-font-smoothing: grayscale;
  font-weight: inherit; }

.unselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.hide {
  display: none !important; }

.only-mobile {
  display: none; }
  @media (max-width: 599px) {
    .only-mobile {
      display: inherit !important; } }

.only-tablet {
  display: none !important; }
  @media (max-width: 1024px) {
    .only-tablet {
      display: inherit !important; } }

.disable {
  pointer-events: none !important;
  cursor: default !important; }

.enable {
  pointer-events: auto;
  cursor: auto; }

html {
  font-size: 18px; }
  @media (min-width: 1801px) {
    html {
      font-size: 1vw; } }
  @media (max-width: 1380px) {
    html {
      font-size: 16px; } }
  @media (max-width: 1280px) {
    html {
      font-size: 14px; } }
  @media (max-width: 768px) {
    html {
      font-size: 12px; } }
  @media (max-width: 599px) {
    html {
      font-size: 3.2vw; } }

html, body {
  -webkit-overflow-scrolling: auto; }

body {
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  background: #231F20;
  color: #231F20; }
  body::-webkit-scrollbar {
    display: none; }

.hide {
  display: none !important; }

.rounded-bt, header nav > a {
  height: 3.3888rem;
  background: white;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 1.6944rem;
  padding: 0 2.2222rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: proxima-nova;
  font-size: 0.9444rem; }
  @media (max-width: 599px) {
    .rounded-bt, header nav > a {
      font-size: 1.3333rem; } }
  @media (min-width: 1025px) {
    .rounded-bt, header nav > a {
      -webkit-transition-duration: 0.4s;
              transition-duration: 0.4s;
      -webkit-transition-property: background;
      transition-property: background;
      -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
              transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transition-delay: 0s;
              transition-delay: 0s; }
      .rounded-bt:hover, header nav > a:hover {
        background: #0091FF; } }
  .rounded-bt.contour, header nav > a.contour {
    background: #231F20;
    border: 2px solid white;
    color: white;
    cursor: unset; }

.ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 42px;
  height: 42px;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  z-index: 100;
  background: url(../img/logo.svg) no-repeat; }
  @media (max-width: 599px) {
    .ball {
      z-index: 98; } }

header {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 99; }
  @media (max-width: 599px) {
    header {
      position: fixed;
      padding: 1.8333rem; } }
  header .logo {
    width: 4.444rem;
    height: 4.444rem;
    z-index: 1; }
    @media (max-width: 599px) {
      header .logo {
        width: 4.25rem;
        height: 4.25rem; } }
  header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media (max-width: 599px) {
      header nav {
        position: absolute;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        padding: 2.5rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        pointer-events: none;
        -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
        -webkit-transition-property: background;
        transition-property: background;
        -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition-delay: 0s;
                transition-delay: 0s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    header nav .dropdown {
      margin-right: 1.8333rem;
      font-family: degular;
      font-weight: 500; }
      @media (max-width: 599px) {
        header nav .dropdown {
          margin-right: unset;
          font-size: 3.5rem;
          font-weight: 400;
          margin-top: -4rem;
          visibility: hidden;
          opacity: 0;
          pointer-events: none;
          -webkit-transition-duration: 0.3s;
                  transition-duration: 0.3s;
          -webkit-transition-property: all;
          transition-property: all;
          -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
                  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -webkit-transition-delay: 0s;
                  transition-delay: 0s; } }
      @media (max-width: 599px) {
        header nav .dropdown span {
          display: none; } }
      header nav .dropdown ul {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        background: white;
        width: 100%;
        border-radius: 1.6944rem;
        padding: 0.7rem 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-top: 0rem;
        pointer-events: none;
        -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition-delay: 0s;
                transition-delay: 0s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        @media (max-width: 599px) {
          header nav .dropdown ul {
            position: relative;
            visibility: visible;
            opacity: 1;
            background: none;
            color: white;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            padding: 0; } }
        header nav .dropdown ul li {
          margin: 0.7rem 0; }
          @media (max-width: 599px) {
            header nav .dropdown ul li {
              margin: 1.5rem 0; }
              header nav .dropdown ul li:first-child {
                margin-top: 0; } }
      header nav .dropdown.show ul {
        visibility: visible;
        opacity: 1;
        margin-top: 0.777rem;
        pointer-events: auto; }
    @media (max-width: 599px) {
      header nav > a {
        position: relative;
        height: unset;
        color: white;
        background: none;
        padding: 0;
        border-radius: unset;
        font-family: degular;
        font-weight: 700;
        font-size: 3.5rem;
        margin-top: 1.5rem;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition-delay: 0s;
                transition-delay: 0s; }
        header nav > a:after {
          content: "";
          display: block;
          position: absolute;
          position: absolute;
          width: 2.1666rem;
          height: 2.1666rem;
          right: -4rem;
          top: 1.5rem;
          background: url(../img/arrow-down.svg) no-repeat;
          background-position: center;
          -webkit-transform: rotate(-90deg);
                  transform: rotate(-90deg); } }
    header nav .hamburguer {
      display: none; }
      @media (max-width: 599px) {
        header nav .hamburguer {
          position: absolute;
          width: 3.3333rem;
          height: 2.4166rem;
          top: 2.5rem;
          right: 1.8333rem;
          pointer-events: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          header nav .hamburguer div {
            position: absolute;
            width: 100%;
            height: 2px;
            background: #FF5628;
            -webkit-transition-duration: 0.3s;
                    transition-duration: 0.3s;
            -webkit-transition-property: all;
            transition-property: all;
            -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
                    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
            -webkit-transition-delay: 0s;
                    transition-delay: 0s; }
            header nav .hamburguer div:nth-child(1) {
              top: 0; }
            header nav .hamburguer div:nth-child(2) {
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); }
            header nav .hamburguer div:nth-child(3) {
              bottom: 0; } }
    @media (max-width: 599px) {
      header nav.show {
        height: 100vh;
        background: #231F20; }
        header nav.show .dropdown {
          visibility: visible;
          opacity: 1;
          pointer-events: auto; }
        header nav.show > a {
          visibility: visible;
          opacity: 1;
          pointer-events: auto; }
        header nav.show .hamburguer div:nth-child(1) {
          top: 50%;
          -webkit-transform: translateY(-50%) rotate(45deg);
                  transform: translateY(-50%) rotate(45deg); }
        header nav.show .hamburguer div:nth-child(2) {
          opacity: 0; }
        header nav.show .hamburguer div:nth-child(3) {
          bottom: 50%;
          -webkit-transform: translateY(50%) rotate(-45deg);
                  transform: translateY(50%) rotate(-45deg); } }

main {
  position: relative;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  main section {
    max-width: 85vw;
    width: 67rem;
    padding: 10rem 0 3rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media (max-width: 768px) {
      main section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        max-width: 40rem;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    @media (max-width: 599px) {
      main section {
        width: 87.2%;
        padding: 8.5rem 0 6rem; } }
    main section article {
      width: 24.2777rem;
      margin-bottom: 2rem; }
      @media (max-width: 768px) {
        main section article {
          width: 100%; } }
      main section article .upshot {
        width: 23.777rem; }
        @media (max-width: 768px) {
          main section article .upshot {
            width: 50%; } }
      main section article p {
        font-family: degular;
        font-size: 1.8888rem;
        line-height: 3.1111rem;
        color: white;
        margin-top: 1.5rem; }
        @media (max-width: 599px) {
          main section article p {
            font-size: 2.0833rem;
            line-height: 2.9166rem; } }
      main section article form {
        margin-top: 2.3333rem;
        background: #302A2C;
        height: 4.833rem;
        border-radius: 0.75rem;
        padding: 0.8333rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: 2px solid transparent;
        -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition-delay: 0s;
                transition-delay: 0s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        @media (max-width: 599px) {
          main section article form {
            margin-top: 2rem; } }
        main section article form input[type="text"] {
          width: 62%;
          padding: 0 1rem;
          font-size: 0.9444rem;
          color: #E44BBE; }
          @media (max-width: 599px) {
            main section article form input[type="text"] {
              font-size: 1.3333rem; } }
          main section article form input[type="text"]::-webkit-input-placeholder {
            color: #E44BBE;
            font-family: degular;
            font-weight: 600; }
          main section article form input[type="text"]::-moz-placeholder {
            color: #E44BBE;
            font-family: degular;
            font-weight: 600; }
          main section article form input[type="text"]:-ms-input-placeholder {
            color: #E44BBE;
            font-family: degular;
            font-weight: 600; }
          main section article form input[type="text"]::-ms-input-placeholder {
            color: #E44BBE;
            font-family: degular;
            font-weight: 600; }
          main section article form input[type="text"]::placeholder {
            color: #E44BBE;
            font-family: degular;
            font-weight: 600; }
            @media (max-width: 599px) {
              main section article form input[type="text"]::-webkit-input-placeholder {
                font-size: 1.3333rem; }
              main section article form input[type="text"]::-moz-placeholder {
                font-size: 1.3333rem; }
              main section article form input[type="text"]:-ms-input-placeholder {
                font-size: 1.3333rem; }
              main section article form input[type="text"]::-ms-input-placeholder {
                font-size: 1.3333rem; }
              main section article form input[type="text"]::placeholder {
                font-size: 1.3333rem; } }
        main section article form input {
          font-family: degular;
          font-weight: 600; }
          @media (max-width: 599px) {
            main section article form input {
              font-size: 1.3333rem; } }
        main section article form.error {
          border-color: #E44BBE; }
    main section figure {
      width: 41.3rem;
      margin: -2.1rem -2.1rem 0 .2rem; }
      @media (max-width: 768px) {
        main section figure {
          width: 112%;
          margin: .65rem 0 0 -.1rem; } }
      main section figure object, main section figure svg {
        height: intrinsic; }
  main .way {
    position: absolute;
    color: #FF5628;
    left: 3rem;
    bottom: 5rem;
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    -webkit-transform: rotate(90deg) translateX(-100%);
            transform: rotate(90deg) translateX(-100%);
    font-size: .72222rem;
    font-family: degular;
    font-weight: 700;
    letter-spacing: 0.1666rem; }
    @media (max-width: 768px) {
      main .way {
        font-size: 1.08333rem;
        position: relative;
        left: unset;
        -webkit-transform: none;
                transform: none;
        margin: -4rem 0 4rem;
        bottom: unset; } }
    @media (min-width: 1025px) {
      main .way:hover:after {
        right: -1.2rem; } }
    main .way:after {
      content: "";
      display: block;
      position: absolute;
      width: 1.44rem;
      height: 1.44rem;
      top: 0;
      right: -0.5rem;
      -webkit-transform: translateX(100%) rotate(-90deg);
              transform: translateX(100%) rotate(-90deg);
      background: url(../img/arrow-down.svg) no-repeat;
      background-position: 0.55rem 0;
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
      -webkit-transition-property: all;
      transition-property: all;
      -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
              transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transition-delay: 0s;
              transition-delay: 0s; }
      @media (max-width: 768px) {
        main .way:after {
          -webkit-transform: translateX(100%) rotate(0);
                  transform: translateX(100%) rotate(0); } }

/*# sourceMappingURL=maps/essential.css.map */