@charset "UTF-8";
/*reset*/
@import url("https://use.typekit.net/pro6iqs.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; }

figure {
  margin: 0; }
  figure img {
    display: block; }

img, svg, figure {
  -webkit-user-drag: none;
  width: 100%;
  -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 !important; }
  @media (max-width: 599px) {
    .only-mobile {
      display: inherit !important; } }

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

.only-desktop {
  display: none !important; }
  @media (min-width: 1025px) {
    .only-desktop {
      display: inherit !important; } }

.disable, .float-fig, .lines, main .approach .triangle, main .brands .globe, main .case .r, main .press .n, footer .lines svg {
  pointer-events: none !important;
  cursor: default !important; }

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

/**
O arquivo font.scss é gerado automaticamente, 
caso queira adicionar algum código extra adicione no font.mustache.scss 
ou apague o font.mustache para editar ele livremente, porém 
ao fazer fazê-lo o @fontface não será gerado automaticamente
*/
main .box-form input::-webkit-input-placeholder, main .box-form textarea::-webkit-input-placeholder, main .box-form select::-webkit-input-placeholder {
  font-family: "soleil", sans-serif;
  font-weight: 400; }
main .box-form input::-moz-placeholder, main .box-form textarea::-moz-placeholder, main .box-form select::-moz-placeholder {
  font-family: "soleil", sans-serif;
  font-weight: 400; }
main .box-form input:-ms-input-placeholder, main .box-form textarea:-ms-input-placeholder, main .box-form select:-ms-input-placeholder {
  font-family: "soleil", sans-serif;
  font-weight: 400; }
main .box-form input::-ms-input-placeholder, main .box-form textarea::-ms-input-placeholder, main .box-form select::-ms-input-placeholder {
  font-family: "soleil", sans-serif;
  font-weight: 400; }
.soleil, .soleilLt, main section h2, main section p, main section a, main .box-form input, main .box-form textarea, main .box-form select, main .box-form input::placeholder, main .box-form textarea::placeholder, main .box-form select::placeholder, footer, .soleilSb, .arrow-link, header nav a.bt-login, main section h3, main .contact .bt-contact, header nav, main .loader, main section .container-sides .side ul {
  font-family: "soleil", sans-serif;
  font-weight: 400; }

main .box-form input::-webkit-input-placeholder, main .box-form textarea::-webkit-input-placeholder, main .box-form select::-webkit-input-placeholder {
  font-weight: 300; }

main .box-form input::-moz-placeholder, main .box-form textarea::-moz-placeholder, main .box-form select::-moz-placeholder {
  font-weight: 300; }

main .box-form input:-ms-input-placeholder, main .box-form textarea:-ms-input-placeholder, main .box-form select:-ms-input-placeholder {
  font-weight: 300; }

main .box-form input::-ms-input-placeholder, main .box-form textarea::-ms-input-placeholder, main .box-form select::-ms-input-placeholder {
  font-weight: 300; }

.soleilLt, main section h2, main section p, main section a, main .box-form input, main .box-form textarea, main .box-form select, main .box-form input::placeholder, main .box-form textarea::placeholder, main .box-form select::placeholder, footer {
  font-weight: 300; }

.soleilSb, .arrow-link, header nav a.bt-login, main section h3, main .contact .bt-contact {
  font-weight: 600; }

html {
  font-size: 18px; }
  @media (max-width: 1024px) {
    html {
      font-size: 4.8vw; } }

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

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

.hide {
  display: none !important; }

.bt-circle, .arrow-circle, main .box-form .bt-close {
  width: 4.83rem;
  height: 4.83rem;
  color: white;
  text-align: center;
  cursor: pointer;
  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: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .bt-circle:before, .arrow-circle:before, main .box-form .bt-close:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #59D1D4;
    border-radius: 50%;
    z-index: -1;
    -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); }
  @media (min-width: 1025px) {
    .bt-circle:hover:before, .arrow-circle:hover:before, main .box-form .bt-close:hover:before {
      -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1.5);
              transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1.5);
      width: 120%;
      height: 120%; } }
  @media (max-width: 1024px) {
    .bt-circle, .arrow-circle, main .box-form .bt-close {
      width: 2.61111rem;
      height: 2.61111rem; } }

.arrow-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -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;
  cursor: pointer; }
  .arrow-link .arrow {
    position: relative;
    width: 1.277rem;
    height: 0.88rem;
    top: 0.1rem;
    margin-left: 1rem;
    -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); }
  @media (min-width: 1025px) {
    .arrow-link:hover .arrow {
      -webkit-transform: translateX(0.4rem);
              transform: translateX(0.4rem); } }

.arrow-circle {
  width: 6.77rem;
  height: 6.77rem;
  -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); }
  .arrow-circle svg {
    fill: white;
    width: 27.8688%;
    height: 27.8688%; }
  .arrow-circle.down svg {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .arrow-circle.small, main section .container-sides .side p.arrow-circle, main section .container-sides .side ul.arrow-circle {
    width: 4.833rem;
    height: 4.833rem; }
  @media (max-width: 1024px) {
    .arrow-circle {
      width: 4rem;
      height: 4rem; }
      .arrow-circle.small, main section .container-sides .side p.arrow-circle, main section .container-sides .side ul.arrow-circle {
        width: 3.9444rem;
        height: 3.9444rem; } }

.underline span, .underline-s span, main section h3 span, main section h2 span {
  background: linear-gradient(to bottom, transparent calc(100% - 1px), #33EBBC 0);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  /*&::after {
            @include pseudo;
            width: 100%;
            height: 1px;
            bottom: -0.55rem;
            background-color: $turquoise;
        }*/ }

.underline-s span, main section h3 span {
  padding-bottom: 0.2222rem;
  /*&::after {
            bottom: 0rem;
        }*/ }

.path-lines path, .path-lines polygon {
  fill: none;
  visibility: hidden; }
  .path-lines path.animate, .path-lines polygon.animate {
    visibility: visible;
    -webkit-transition-duration: 1s;
            transition-duration: 1s;
    -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); }

.float-fig, .lines, main .approach .triangle, main .brands .globe, main .case .r, main .press .n, footer .lines svg {
  position: absolute; }

.turquoise-bar::-webkit-scrollbar {
  width: 0.7rem; }

.turquoise-bar::-webkit-scrollbar-track {
  background: transparent; }

.turquoise-bar::-webkit-scrollbar-thumb {
  background: #33EBBC;
  border: 0.3rem solid #313451; }

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -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; }

header {
  position: fixed;
  width: 100%;
  height: 7.7222rem;
  z-index: 9;
  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;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -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);
  transition-property: all !important; }
  header .logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 0 0 1.88rem;
    z-index: 1;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -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); }
    header .logo svg {
      width: 12.33rem;
      height: 1.5rem;
      fill: #313451;
      -webkit-transition-duration: 0.5s;
              transition-duration: 0.5s;
      -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); }
      @media (max-width: 1024px) {
        header .logo svg {
          width: 8.83333rem;
          height: 1.05555rem; } }
    @media (max-width: 1024px) {
      header .logo {
        margin: 0 0 0 0.72222rem; } }
  header nav {
    margin: 0 1.44rem 0 0;
    font-size: 0.88rem;
    line-height: 1.888rem;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -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); }
    @media (max-width: 1024px) {
      header nav {
        position: fixed;
        width: 100vw;
        height: 0;
        top: 0;
        background: #313451;
        color: white;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0;
        font-size: 2.2222rem;
        line-height: 1.94444rem;
        overflow: hidden;
        background-image: url(../img/bg-menu.png);
        background-size: 100vw 100vh; } }
    header nav a {
      position: relative;
      margin-left: 3.88rem; }
      header nav a:not(.bt-circle):not(.arrow-circle):before {
        content: "";
        display: block;
        position: absolute;
        width: 0%;
        height: 1px;
        bottom: 0;
        background: #33EBBC;
        -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); }
        @media (max-width: 1024px) {
          header nav a:not(.bt-circle):not(.arrow-circle):before {
            bottom: -0.5rem; } }
      @media (min-width: 1025px) {
        header nav a:not(.bt-circle):not(.arrow-circle):hover::before {
          width: 100%; } }
      @media (max-width: 1024px) {
        header nav a:not(.bt-circle):not(.arrow-circle)::before {
          width: 100%; } }
      header nav a:first-child {
        margin-left: 0; }
      header nav a.bt-login {
        margin-left: 2.77rem;
        -webkit-transition-duration: 0.5s;
                transition-duration: 0.5s;
        -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); }
        @media (max-width: 1024px) {
          header nav a.bt-login {
            margin-left: 0;
            width: 7.7777rem;
            height: 7.7777rem;
            font-size: 0.8888rem; } }
      @media (max-width: 1024px) {
        header nav a {
          margin-left: 0;
          margin-top: 5rem; } }
  header .bt-menu {
    margin-right: 0.33333rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-transform: scale(0.99999);
            transform: scale(0.99999); }
    header .bt-menu span {
      position: absolute;
      width: 42.78%;
      height: 1px;
      background: white;
      -webkit-transition-duration: 0.5s;
              transition-duration: 0.5s;
      -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); }
      header .bt-menu span:nth-child(1) {
        margin-top: -0.65rem; }
      header .bt-menu span:nth-child(3) {
        margin-top: 0.65rem; }
  header.sticky {
    background: white;
    -webkit-box-shadow: 0 0.1111rem 0.2222rem 0 rgba(0, 0, 0, 0.07);
            box-shadow: 0 0.1111rem 0.2222rem 0 rgba(0, 0, 0, 0.07); }
    @media (min-width: 1025px) {
      header.sticky {
        height: 3.22222rem; }
        header.sticky .logo {
          margin: 0 0 0 1.88888rem; }
        header.sticky nav {
          margin: 0 1.3888rem 0 0; }
          header.sticky nav .bt-login {
            width: 4.8888rem;
            height: 2.2777rem; }
            header.sticky nav .bt-login:before {
              border-radius: 1.13888rem; } }
  @media (max-width: 1024px) {
    header {
      height: 3.3333rem; }
      header.open-menu .logo svg {
        fill: white; }
      header.open-menu nav {
        height: 100vh; }
      header.open-menu .bt-menu span {
        margin-top: 0; }
        header.open-menu .bt-menu span:nth-child(1) {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        header.open-menu .bt-menu span:nth-child(2) {
          opacity: 0; }
        header.open-menu .bt-menu span:nth-child(3) {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); } }

main {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -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 .small, main section p.small, main section a.small, main section .container-sides .side p, main section .container-sides .side ul {
    font-size: 1.11rem;
    line-height: 2.22rem; }
    @media (max-width: 1024px) {
      main .small, main section p.small, main section a.small, main section .container-sides .side p, main section .container-sides .side ul {
        font-size: 1rem;
        line-height: 1.94444rem; } }
  main .loader {
    width: 7.666rem;
    height: 7.666rem;
    font-size: 0.8888rem;
    line-height: 1.3333rem;
    text-align: center;
    background-image: url(../img/loader.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    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: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 1rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 1024px) {
      main .loader {
        width: 9.5rem;
        height: 9.5rem;
        padding: 2rem; } }
  main section {
    width: 66.666666rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -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: 1024px) {
      main section {
        width: 18.7rem; } }
    main section.start {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
    main section .bg {
      position: absolute;
      width: 100vw;
      height: -webkit-max-content;
      height: -moz-max-content;
      height: max-content;
      max-height: 100%;
      max-width: 100rem;
      overflow: hidden; }
      main section .bg .lines {
        position: relative; }
    main section h2, main section h3, main section p {
      display: inline-block; }
      main section h2.center, main section h3.center, main section p.center {
        text-align: center; }
    main section a {
      position: relative; }
    main section h2 {
      font-size: 3.33rem;
      line-height: 4.44rem; }
      @media (max-width: 1024px) {
        main section h2 {
          font-size: 2.2222rem;
          line-height: 3rem; } }
    main section h3 {
      font-size: 1.11rem;
      line-height: 2.22rem; }
    main section p, main section a {
      font-size: 1.66rem;
      line-height: 2.611rem;
      margin-top: 3.33rem; }
      main section p:first-child, main section a:first-child {
        margin-top: 0; }
      @media (max-width: 1024px) {
        main section p, main section a {
          font-size: 1.1111rem;
          line-height: 1.8888rem;
          width: 100%;
          margin-top: 2rem; } }
    main section .go {
      margin-top: 2rem; }
      @media (max-width: 1024px) {
        main section .go {
          margin-top: 1.6666rem; } }
    main section .container-sides {
      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; }
      main section .container-sides.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
        @media (max-width: 1024px) {
          main section .container-sides.reverse {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse; } }
      @media (max-width: 1024px) {
        main section .container-sides {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          width: 100%; }
          main section .container-sides figure {
            margin: 4.4444rem 0 3.0555rem; } }
      main section .container-sides .side {
        width: 50%; }
        main section .container-sides .side:first-child {
          margin-left: 0 !important; }
        @media (max-width: 1024px) {
          main section .container-sides .side {
            width: 100%; } }
        main section .container-sides .side p {
          margin-top: 1.5rem; }
          main section .container-sides .side p:first-child {
            margin-top: 0; }
          @media (max-width: 1024px) {
            main section .container-sides .side p {
              margin-top: 1rem; } }
        main section .container-sides .side .highlight {
          color: #33EBBC;
          font-size: 5.55rem;
          line-height: 5rem; }
          main section .container-sides .side .highlight:first-child {
            margin-top: 0; }
          @media (max-width: 1024px) {
            main section .container-sides .side .highlight {
              font-size: 4.444rem;
              line-height: 4.5rem; } }
        main section .container-sides .side ul {
          margin-top: 1.5rem; }
          main section .container-sides .side ul li {
            margin-top: 1rem;
            padding-left: 1.5rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -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; }
            main section .container-sides .side ul li:first-child {
              margin-top: 0; }
            main section .container-sides .side ul li::before {
              content: "";
              display: block;
              position: absolute;
              width: 1rem;
              height: 1rem;
              background-image: url(../img/check.svg);
              background-repeat: no-repeat;
              background-size: 100%;
              left: 0;
              margin-top: 0.1rem; }
    main section .back {
      font-size: 0.88888rem;
      font-weight: 300;
      margin-top: 0; }
      main section .back .arrow {
        -webkit-transform: scaleX(-1);
                transform: scaleX(-1);
        top: 0;
        margin: 0; }
      main section .back span {
        margin-left: 1rem; }
      @media (min-width: 1025px) {
        main section .back:hover .arrow {
          -webkit-transform: translateX(-0.4rem) scaleX(-1);
                  transform: translateX(-0.4rem) scaleX(-1); } }
      @media (max-width: 1024px) {
        main section .back {
          margin-top: 2rem;
          font-size: 0.83333rem; } }
  main .box-form {
    width: 61.666rem;
    border-radius: 0.555rem;
    background: #313451;
    color: white;
    padding: 4.8333rem 6rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: -1;
    background-image: url(../img/bg-shape.svg);
    background-repeat: no-repeat;
    background-size: 11.777rem 11.277rem;
    background-position: 88% calc(100% + 4.5rem);
    opacity: 0;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -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;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -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); }
    main .box-form input, main .box-form textarea, main .box-form select {
      color: white;
      font-size: 0.888rem;
      line-height: 2.222rem;
      width: 100%;
      margin-bottom: 2.5rem; }
      main .box-form input::-webkit-input-placeholder, main .box-form textarea::-webkit-input-placeholder, main .box-form select::-webkit-input-placeholder {
        color: white;
        font-size: 0.888rem;
        line-height: 2.222rem; }
      main .box-form input::-moz-placeholder, main .box-form textarea::-moz-placeholder, main .box-form select::-moz-placeholder {
        color: white;
        font-size: 0.888rem;
        line-height: 2.222rem; }
      main .box-form input:-ms-input-placeholder, main .box-form textarea:-ms-input-placeholder, main .box-form select:-ms-input-placeholder {
        color: white;
        font-size: 0.888rem;
        line-height: 2.222rem; }
      main .box-form input::-ms-input-placeholder, main .box-form textarea::-ms-input-placeholder, main .box-form select::-ms-input-placeholder {
        color: white;
        font-size: 0.888rem;
        line-height: 2.222rem; }
      main .box-form input::placeholder, main .box-form textarea::placeholder, main .box-form select::placeholder {
        color: white;
        font-size: 0.888rem;
        line-height: 2.222rem; }
      @media (max-width: 1024px) {
        main .box-form input, main .box-form textarea, main .box-form select {
          margin-bottom: 1rem;
          font-size: 0.73rem; }
          main .box-form input::-webkit-input-placeholder, main .box-form textarea::-webkit-input-placeholder, main .box-form select::-webkit-input-placeholder {
            font-size: 0.73rem; }
          main .box-form input::-moz-placeholder, main .box-form textarea::-moz-placeholder, main .box-form select::-moz-placeholder {
            font-size: 0.73rem; }
          main .box-form input:-ms-input-placeholder, main .box-form textarea:-ms-input-placeholder, main .box-form select:-ms-input-placeholder {
            font-size: 0.73rem; }
          main .box-form input::-ms-input-placeholder, main .box-form textarea::-ms-input-placeholder, main .box-form select::-ms-input-placeholder {
            font-size: 0.73rem; }
          main .box-form input::placeholder, main .box-form textarea::placeholder, main .box-form select::placeholder {
            font-size: 0.73rem; } }
    main .box-form input, main .box-form select {
      padding-bottom: 0.555rem;
      border-bottom: 1px solid #33EBBC; }
    main .box-form .select {
      width: 100%; }
      main .box-form .select:before, main .box-form .select:after {
        content: "";
        display: block;
        position: absolute;
        width: 0.72222rem;
        height: 1px;
        background: #33EBBC;
        top: 1.6rem;
        right: 0.5rem; }
      main .box-form .select:before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transform-origin: 100% 100%;
                transform-origin: 100% 100%;
        right: 1.28rem; }
      main .box-form .select:after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-transform-origin: 0% 100%;
                transform-origin: 0% 100%; }
    main .box-form textarea {
      height: 6.833rem;
      padding: 0.888rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      line-height: 1.5rem;
      border: 1px solid #33EBBC;
      resize: none;
      margin: 0.555rem 0 1.666rem 0; }
      @media (max-width: 1024px) {
        main .box-form textarea {
          height: 8rem;
          padding: 0.8rem; } }
    main .box-form form {
      width: 100%;
      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: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-top: 4.1666rem;
      -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); }
      main .box-form form .line {
        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;
        width: 100%; }
        main .box-form form .line > * {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          margin-left: 3.333rem; }
          main .box-form form .line > *:first-child {
            margin-left: 0; }
          @media (max-width: 1024px) {
            main .box-form form .line > * {
              margin-left: 0; } }
        @media (max-width: 1024px) {
          main .box-form form .line {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; } }
      @media (max-width: 1024px) {
        main .box-form form {
          margin: 0; } }
      main .box-form form.disable, main .box-form form.float-fig, main .box-form form.lines, main .box-form .approach form.triangle, main .approach .box-form form.triangle, main .box-form .brands form.globe, main .brands .box-form form.globe, main .box-form .case form.r, main .case .box-form form.r, main .box-form .press form.n, main .press .box-form form.n {
        opacity: 0.5; }
    main .box-form .bt-close {
      position: absolute;
      width: 2.6111rem;
      height: 2.6111rem;
      top: 0.8333rem;
      right: 0.8333rem;
      -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
      transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s; }
      main .box-form .bt-close .x {
        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: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        main .box-form .bt-close .x:before, main .box-form .bt-close .x:after {
          content: "";
          display: block;
          position: absolute;
          width: 1.1111rem;
          height: 2px;
          background: white; }
        main .box-form .bt-close .x:before {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
        main .box-form .bt-close .x:after {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
    main .box-form.open {
      opacity: 1;
      pointer-events: auto; }
    @media (max-width: 1024px) {
      main .box-form {
        width: 100%;
        padding: 4.6111rem 1.055rem; }
        main .box-form h3 {
          display: none; } }
  main .presents {
    padding-top: 8.55rem; }
    @media (max-width: 1024px) {
      main .presents {
        padding-top: 8.3333rem; } }
    main .presents .big-logo {
      width: 46.22rem;
      height: 25.722rem;
      -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); }
      @media (max-width: 1024px) {
        main .presents .big-logo {
          width: 18.5rem;
          height: 10.2777rem; } }
    main .presents p {
      margin-top: 2rem;
      width: 46.22rem; }
      @media (max-width: 1024px) {
        main .presents p {
          font-weight: 400;
          width: 16.0555rem;
          margin-top: 5rem; } }
    main .presents .arrow-circle {
      margin-top: 3.88rem; }
      @media (max-width: 1024px) {
        main .presents .arrow-circle {
          margin-top: 1.6666rem; } }
  main .approach {
    margin-top: 6.11rem; }
    @media (min-width: 1025px) {
      main .approach p {
        width: 32.5rem; } }
    main .approach .triangle {
      width: 25.55rem;
      height: 25.5rem;
      left: 38.88rem;
      top: -2.611rem;
      z-index: -1; }
      @media (max-width: 1024px) {
        main .approach .triangle {
          width: 13.8888rem;
          height: 13.8888rem;
          top: -18rem;
          left: 2rem; } }
    @media (max-width: 1024px) {
      main .approach {
        margin-top: 19.2777rem; } }
  main .brands {
    text-align: center;
    margin-top: 25rem; }
    main .brands .globe {
      width: 23.8888rem;
      height: 23.8888rem;
      left: 76rem;
      top: -14rem; }
      @media (max-width: 1024px) {
        main .brands .globe {
          width: 13.3333rem;
          height: 13.3333rem;
          left: 1.11111rem;
          top: -20rem; } }
    main .brands .lines-d {
      width: 100.6111rem;
      height: 111.4444rem;
      -webkit-transform: translateX(-0.14833rem);
              transform: translateX(-0.14833rem);
      top: 19.5rem; }
    main .brands .lines-m {
      width: 101vw;
      height: auto;
      top: -28.5rem; }
    main .brands p {
      width: 54.66rem; }
      @media (max-width: 1024px) {
        main .brands p {
          width: inherit; } }
    main .brands .logos {
      width: 64rem;
      margin-top: 3.33rem;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      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: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      main .brands .logos figure {
        width: 17.33rem;
        height: 11.44rem;
        margin: 0 2rem; }
      @media (max-width: 1024px) {
        main .brands .logos {
          width: 100%;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-top: 1.5rem; }
          main .brands .logos figure {
            width: 65%;
            height: auto;
            margin: -1rem 0; } }
    @media (max-width: 1024px) {
      main .brands {
        margin-top: 32.2222rem; } }
  main .case {
    margin-top: 13.88rem; }
    @media (max-width: 1024px) {
      main .case {
        margin-top: 25rem; } }
    main .case .r {
      width: 33.055rem;
      height: 38.388rem;
      left: -39.5rem;
      top: -4rem; }
      @media (max-width: 1024px) {
        main .case .r {
          top: -30.5rem;
          left: -19rem;
          -webkit-transform: rotate(-10deg) scale(0.6);
                  transform: rotate(-10deg) scale(0.6); } }
    main .case .box {
      width: 100%;
      background-color: #313451;
      margin-top: 3.33rem;
      background-image: url(../img/bg-shape.svg);
      background-repeat: no-repeat;
      background-size: 19.444rem 18.666rem;
      background-position: 90% -6.776rem;
      color: white; }
      @media (max-width: 1024px) {
        main .case .box {
          margin-top: 2.75rem;
          width: 100vw;
          background-size: 13.444rem 11.444rem;
          background-position: -60% -4.2rem; } }
      main .case .box > .container {
        width: 100%;
        height: 100%;
        overflow: hidden; }
        main .case .box > .container .container-slide {
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
          height: -webkit-max-content;
          height: -moz-max-content;
          height: max-content;
          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; }
          main .case .box > .container .container-slide .page {
            width: 66.666666rem;
            height: 100%;
            padding: 3.88rem;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -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: 1024px) {
              main .case .box > .container .container-slide .page {
                width: 100vw;
                padding: 1.138rem; } }
            main .case .box > .container .container-slide .page .logo-title {
              width: 22.427rem;
              height: 14.8476rem;
              margin-top: -3rem; }
              @media (max-width: 1024px) {
                main .case .box > .container .container-slide .page .logo-title {
                  width: 17.427rem;
                  height: auto;
                  margin-top: 1rem; } }
            main .case .box > .container .container-slide .page .container-sides {
              margin-top: -1rem; }
              @media (max-width: 1024px) {
                main .case .box > .container .container-slide .page .container-sides {
                  margin-top: 0.5rem; } }
              main .case .box > .container .container-slide .page .container-sides .side {
                margin-left: 6.11rem; }
                main .case .box > .container .container-slide .page .container-sides .side ul {
                  margin-top: 1.66rem; }
                  @media (max-width: 1024px) {
                    main .case .box > .container .container-slide .page .container-sides .side ul {
                      font-size: 1.1111rem;
                      line-height: 2.2222rem; } }
                @media (max-width: 1024px) {
                  main .case .box > .container .container-slide .page .container-sides .side {
                    margin-left: 0;
                    margin-top: 2.5rem; }
                    main .case .box > .container .container-slide .page .container-sides .side:first-child {
                      margin-top: 0; } }
      main .case .box .paging {
        width: 100%;
        margin: 3rem 0 3.6111rem;
        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: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        main .case .box .paging span {
          display: inline-block;
          width: 0.666rem;
          height: 0.666rem;
          border-radius: 50%;
          background: #59D1D4;
          opacity: 0.32;
          margin-left: 0.7222rem;
          -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);
          cursor: pointer; }
          main .case .box .paging span:first-child {
            margin-left: 0; }
          main .case .box .paging span.active {
            opacity: 1;
            pointer-events: none !important; }
          @media (min-width: 1025px) {
            main .case .box .paging span:hover {
              -webkit-transform: scale(1.3);
                      transform: scale(1.3); } }
      main .case .box .bt-next {
        position: absolute;
        bottom: 1.5rem;
        right: 0;
        -webkit-transform: translateX(46%);
                transform: translateX(46%); }
        @media (max-width: 1024px) {
          main .case .box .bt-next {
            -webkit-transform: unset;
                    transform: unset;
            z-index: 1;
            bottom: 1.95rem;
            right: 1.333rem; } }
    main .case .lines-m {
      width: 104vw;
      top: -25rem; }
  main .press {
    margin-top: 16rem; }
    @media (max-width: 1024px) {
      main .press {
        margin-top: 7.8888rem; } }
    main .press .logos {
      width: 110%;
      margin-top: 3.33rem;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      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: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      main .press .logos figure {
        width: 15rem;
        height: 9.444rem;
        margin: 2rem 1rem; }
        @media (max-width: 1024px) {
          main .press .logos figure {
            width: 9.5rem;
            margin: -2rem 0rem; } }
    main .press .n {
      width: 19.1666rem;
      height: 21.1666rem;
      left: 71.2rem;
      bottom: -13.25rem;
      z-index: -2; }
      @media (max-width: 1024px) {
        main .press .n {
          display: none; } }
    main .press .lines-m {
      width: 103vw;
      top: -10rem;
      z-index: -1; }
  main .contact {
    margin-top: 4rem;
    z-index: 1; }
    main .contact .bt-contact {
      width: 9.666rem;
      height: 9.666rem;
      font-size: 0.888rem;
      line-height: 1.4444rem; }
      @media (max-width: 1024px) {
        main .contact .bt-contact {
          padding: 1rem;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 7.8333rem;
          height: 7.8333rem; } }
    main .contact .box-form {
      position: absolute;
      bottom: 50%; }
  main .services {
    margin-top: 6.388rem; }
    @media (max-width: 1024px) {
      main .services {
        margin-top: 5.5555rem; } }
    main .services h2 {
      width: 47.555rem; }
      @media (max-width: 1024px) {
        main .services h2 {
          width: 100%; } }
    @media (max-width: 1024px) {
      main .services h3 {
        font-size: 1rem;
        line-height: 2.1111rem; } }
    main .services .container-sides {
      margin: 4.5rem 0; }
      @media (max-width: 1024px) {
        main .services .container-sides {
          margin: 0;
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
              -ms-flex-direction: column-reverse;
                  flex-direction: column-reverse; } }
      main .services .container-sides:nth-child(2) {
        margin-top: 6rem; }
        @media (max-width: 1024px) {
          main .services .container-sides:nth-child(2) {
            margin-top: 0; } }
      main .services .container-sides:last-child {
        margin-bottom: 9rem; }
        @media (max-width: 1024px) {
          main .services .container-sides:last-child {
            margin-bottom: 0; } }
    main .services figure svg polyline, main .services figure svg path, main .services figure svg line, main .services figure svg polygon {
      fill: none; }
    main .services figure svg .colored {
      stroke-width: 20px; }
  @media (max-width: 1024px) {
    main .posts {
      width: 100vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  main .posts .post-box {
    vertical-align: top;
    width: 32.3888rem;
    background-color: #313451;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 0rem 4.6111rem 0; }
    @media (max-width: 1024px) {
      main .posts .post-box {
        width: 100vw;
        margin: 0 0rem 4.7222rem 0; } }
    main .posts .post-box .container-post {
      padding: 2.97222rem;
      padding-bottom: 4.9rem;
      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: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media (max-width: 1024px) {
        main .posts .post-box .container-post {
          padding: 1.08333rem;
          padding-bottom: 4.1666rem; } }
      main .posts .post-box .container-post p {
        font-size: 1.1111rem;
        line-height: 2.2222rem;
        margin-top: 1.2rem; }
        main .posts .post-box .container-post p:first-child {
          margin-top: 0; }
        @media (max-width: 1024px) {
          main .posts .post-box .container-post p {
            font-size: 1rem;
            line-height: 2.1111rem; } }
      main .posts .post-box .container-post h3 {
        margin-top: 0.25rem; }
        @media (max-width: 1024px) {
          main .posts .post-box .container-post h3 {
            font-size: 1rem;
            line-height: 2.1111rem; } }
      main .posts .post-box .container-post .date {
        color: #33EBBC;
        font-size: 0.83333rem; }
    main .posts .post-box a {
      width: auto;
      position: absolute;
      z-index: 1;
      bottom: 0;
      -webkit-transform: translateY(50%);
              transform: translateY(50%); }
      @media (max-width: 1024px) {
        main .posts .post-box a .arrow-circle.small, main .posts .post-box a section .container-sides .side p.arrow-circle, main section .container-sides .side .posts .post-box a p.arrow-circle, main .posts .post-box a section .container-sides .side ul.arrow-circle, main section .container-sides .side .posts .post-box a ul.arrow-circle {
          width: 4.83333rem;
          height: 4.83333rem; } }
  main .posts .grid-sizer {
    width: 32.3888rem; }
  main .posts .gutter-sizer {
    width: 1.8888rem; }
  @media (max-width: 1024px) {
    main .post {
      margin-top: 1.38888rem; } }
  main .post > .date {
    font-size: 0.88888rem; }
    @media (max-width: 1024px) {
      main .post > .date {
        font-size: 0.83333rem;
        margin-top: 0; } }
  main .post > h2 {
    margin-top: 0.5rem; }
  main .post > figure {
    margin: 4.5rem 0 3.5rem; }
    @media (max-width: 1024px) {
      main .post > figure {
        margin: 2.5rem 0 1.5rem; } }
  main .post .content p {
    margin-top: 0;
    font-size: 1.1111rem;
    line-height: 2.2222rem; }
    @media (max-width: 1024px) {
      main .post .content p {
        font-size: 1rem;
        line-height: 2.1111rem; } }
  main #home .presents .lines-d {
    width: 136.1111rem;
    height: 146.5555rem;
    left: -17rem;
    top: 0; }
    main #home .presents .lines-d.background {
      z-index: -2; }
  main #home .presents .lines-m {
    width: 112vw;
    height: auto;
    left: -7vw;
    top: 0; }
  main #home .presents .o {
    position: absolute;
    -webkit-clip-path: ellipse(3rem 3rem at 10.5rem 3rem);
            clip-path: ellipse(3rem 3rem at 10.5rem 3rem); }
  main #home .presents .s {
    position: absolute;
    -webkit-clip-path: polygon(100% 100%, 80% 100%, 80% 70%, 90% 60%, 100% 60%, 100% 100%);
            clip-path: polygon(100% 100%, 80% 100%, 80% 70%, 90% 60%, 100% 60%, 100% 100%); }
  main #services .presents .big-logo {
    width: 66.8333rem;
    height: 10.0555rem; }
    @media (max-width: 1024px) {
      main #services .presents .big-logo {
        width: 18.5rem;
        height: 2.7777rem; } }
  main #services .presents .lines-d {
    width: 100.25rem;
    height: 97.1111rem;
    top: -31.75rem; }
  main #services .presents .lines-m {
    width: 118vw;
    left: -5vw;
    top: 0; }
  main #services .strategy .side h3 span {
    border-color: #FFC200; }
  main #services .strategy .side ul li::before {
    background-image: url(../img/check-amber.svg); }
  main #services .strategy figure {
    width: 25.2777rem;
    height: 23.9444rem; }
    @media (max-width: 1024px) {
      main #services .strategy figure {
        width: 16.2777rem;
        height: 15.0555rem; } }
  main #services .analysis .side h3 span {
    border-color: #8BD054; }
  main #services .analysis .side ul li::before {
    background-image: url(../img/check-conifer.svg); }
  main #services .analysis figure {
    width: 24.6666rem;
    width: 24.2777rem; }
    @media (max-width: 1024px) {
      main #services .analysis figure {
        width: 15.2222rem;
        height: 14.9444rem; } }
  main #services .analysis .lines {
    width: 17.72222rem;
    height: 78.44444rem;
    top: -4.69444rem;
    left: -20.1rem; }
  main #services .buying .side h3 span {
    border-color: #59D1D4; }
  main #services .buying .side ul li::before {
    background-image: url(../img/check-viking.svg); }
  main #services .buying figure {
    width: 23.0555rem;
    height: 26.3333rem; }
    @media (max-width: 1024px) {
      main #services .buying figure {
        width: 14.1666rem;
        height: 16.1666rem; } }
  main #services .marketing .side h3 span {
    border-color: #FF826A; }
  main #services .marketing .side ul li::before {
    background-image: url(../img/check-salmon.svg); }
  main #services .marketing figure {
    width: 29.1666rem;
    height: 25.1666rem; }
    @media (max-width: 1024px) {
      main #services .marketing figure {
        width: 18rem;
        height: 15.6111rem; } }
  main #blog .lines-d {
    width: 112.5rem;
    height: 226.5083rem;
    left: -6.2rem;
    top: -0.2222rem; }
  main #blog .lines-m {
    width: 103vw;
    left: -2vw;
    top: 0; }
  main #blog .presents .big-logo {
    width: 42.96944rem;
    height: 11.84333rem; }
    @media (max-width: 1024px) {
      main #blog .presents .big-logo {
        width: 9.7222rem;
        height: 2.7777rem; } }
  main #blog .posts {
    margin-top: 5.8888rem; }
    @media (max-width: 1024px) {
      main #blog .posts {
        margin-top: 7.11111rem; } }
  main #blog .loader {
    margin-top: 4rem; }
  main #post {
    padding-top: 8.88888rem; }
    main #post .bg {
      top: 22rem;
      z-index: 1; }
    main #post .bt-articles {
      width: 9.66666rem;
      height: 9.66666rem;
      font-size: 0.88888rem;
      line-height: 1.44444rem;
      padding: 2rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-top: 5rem; }
      @media (max-width: 1024px) {
        main #post .bt-articles {
          width: 7.8333rem;
          height: 7.8333rem;
          font-size: 0.8888rem;
          line-height: 1.4444rem;
          padding: 1rem; } }
    main #post .back {
      position: absolute;
      left: -9.55555rem; }
      @media (max-width: 1024px) {
        main #post .back {
          position: relative;
          left: 0; } }
    @media (min-width: 1025px) {
      main #post {
        width: 43.88888rem; } }
    @media (max-width: 1024px) {
      main #post {
        padding-top: 2rem; } }

footer {
  width: 100%;
  height: 8rem;
  background-image: url(../img/big-logo.svg);
  background-repeat: no-repeat;
  background-size: 105%;
  background-position: -0.5rem 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 0.777rem;
  padding: 0 2.777rem;
  margin-top: 9.444rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media (max-width: 1024px) {
    footer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      background-position: -0.5rem 9rem;
      height: 11rem;
      padding: 0 1rem;
      margin-top: 6rem; } }
  @media (max-width: 1024px) {
    footer .social {
      margin-bottom: 3.8888rem; } }
  footer .social a {
    position: relative;
    display: inline-block;
    margin-left: 1.666rem;
    line-height: 1.666rem; }
    footer .social a:first-child {
      margin-left: 0; }
    footer .social a:after {
      -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); }
    @media (min-width: 1025px) {
      footer .social a:hover:after {
        bottom: 0.666rem; } }
    footer .social a::after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 1px;
      bottom: 0rem;
      background-color: #33EBBC; }
  footer .lines {
    width: 42.666rem;
    height: 48.833rem;
    overflow: hidden;
    left: 57.611rem;
    bottom: 0; }
    footer .lines svg {
      bottom: -0.33rem; }
      footer .lines svg:first-child {
        z-index: -1; }
    footer .lines.only-tablet {
      width: 17.444rem;
      height: 20.777rem;
      right: 0;
      left: unset; }
      footer .lines.only-tablet svg {
        bottom: -3rem;
        -webkit-transform: rotate(7deg);
                transform: rotate(7deg); }
        footer .lines.only-tablet svg:first-child {
          z-index: 1; }
        footer .lines.only-tablet svg:nth-child(2) {
          z-index: -1; }

.viking {
  stroke: #59D1D4; }

.geraldine {
  stroke: #FF7E82; }

.brilliantRose {
  stroke: #EC48D3; }

.dodgerblue {
  stroke: #5666FF; }

.bittersweet {
  stroke: #FB7C5F; }

.martinique {
  stroke: #313451; }

.shakespeare {
  stroke: #44BCD0; }

.selectiveyellow {
  stroke: #FFB400; }

.teagreen {
  stroke: #D5EDC2; }

.blue {
  stroke: #3a00ff; }

.heliotrope {
  stroke: #D96FFF; }

.buttermilk {
  stroke: #ffecaf; }

.babyblue {
  stroke: #DBFFFF; }

.pippin {
  stroke: #FFE5E0; }

.anim {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-property: none;
  transition-property: none;
  -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); }
  .anim.opacity {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .anim.opacity:not(.reset).show {
      opacity: 1; }
  .anim.bottom {
    -webkit-transform: translate3d(0, 1rem, 0);
            transform: translate3d(0, 1rem, 0);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform; }
    .anim.bottom:not(.reset).show {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      opacity: 1; }
  .anim.scratch {
    -webkit-transition-duration: 1s;
            transition-duration: 1s;
    background-size: 0% 100%;
    -webkit-transition-property: background-size;
    transition-property: background-size;
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .anim.scratch:not(.reset).show {
      background-size: 100% 100%; }
  .anim.rotate-r, .anim.rotate-l {
    -webkit-transition-duration: 0.75s;
            transition-duration: 0.75s;
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: rotate(10deg) translate3d(5rem, 3rem, 0);
            transform: rotate(10deg) translate3d(5rem, 3rem, 0);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform; }
    .anim.rotate-r:not(.reset).show, .anim.rotate-l:not(.reset).show {
      -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
              transform: rotate(0deg) translate3d(0, 0, 0);
      opacity: 1; }
  .anim.rotate-l {
    -webkit-transform: rotate(-10deg) translate3d(-5rem, 3rem, 0);
            transform: rotate(-10deg) translate3d(-5rem, 3rem, 0); }
  .anim.scale {
    -webkit-transition-duration: 0.75s;
            transition-duration: 0.75s;
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform; }
    .anim.scale:not(.reset).show {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1; }
  .anim.service .colored {
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -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);
    opacity: 0; }
  .anim.service .tiny {
    opacity: 0; }
  .anim.service:not(.reset).show .colored {
    opacity: 1; }
  .anim.service:not(.reset).show .tiny {
    opacity: 1; }
    .anim.service:not(.reset).show .tiny polyline, .anim.service:not(.reset).show .tiny path, .anim.service:not(.reset).show .tiny line, .anim.service:not(.reset).show .tiny polygon {
      -webkit-transition-duration: 1s;
              transition-duration: 1s;
      -webkit-transition-property: stroke-dashoffset;
      transition-property: stroke-dashoffset;
      -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: 0.4s;
              transition-delay: 0.4s;
      stroke-dashoffset: 0 !important; }
  .anim.delay-1 {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s; }
  .anim.delay-2 {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s; }
  .anim.delay-3 {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .anim.delay-4 {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s; }
  .anim.delay-5 {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s; }

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