html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, input, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box; }

.design {
  position: absolute;
  width: 100%;
  height: 10000px;
  top: -92px;
  left: 0;
  background: url(../jpg/design-resp.jpg) no-repeat center top/100%;
  opacity: 0.3;
  z-index: 10; }

.clearfix {
  clear: both;
  float: none; }

body {
  font-family: quatro, sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  color: #190238; }
  body.no-scroll {
    overflow: hidden; }

a {
  text-decoration: none;
  display: inline-block;
  color: #ffffff; }

[d-hidden] {
  display: none; }
  @media (max-width: 800px) {
    [d-hidden] {
      display: block; } }

[m-hidden] {
  display: block; }
  @media (max-width: 800px) {
    [m-hidden] {
      display: none; } }

[text-dark] {
  color: #190238; }

[text-white] {
  color: #ffffff; }

[text-magenta] {
  color: #ff166b; }

[text-purple] {
  color: #6435d2; }

[text-light] {
  font-weight: 200; }

[text-book] {
  font-weight: 300; }

[text-regular] {
  font-weight: 400; }

[text-medium] {
  font-weight: 500; }

[text-semibold] {
  font-weight: 600; }

[text-bold] {
  font-weight: 700; }

[text-black] {
  font-weight: 800; }

[text-right] {
  text-align: right; }

[text-center] {
  text-align: center; }

.cols-container {
  display: flex;
  margin: auto;
  max-width: 1280px; }
  @media (max-width: 800px) {
    .cols-container {
      display: block; } }
  .cols-container .col-12 {
    width: 100%; }
  .cols-container .col-11 {
    width: 91.666666%; }
  .cols-container .col-10 {
    width: 83.333333%; }
  .cols-container .col-9 {
    width: 74.999999%; }
  .cols-container .col-8 {
    width: 66.666666%; }
  .cols-container .col-7 {
    width: 58.333333%; }
  .cols-container .col-6 {
    width: 50%; }
  .cols-container .col-5 {
    width: 41.666666%; }
  .cols-container .col-4 {
    width: 33.333333%; }
  .cols-container .col-3 {
    width: 24.999999%; }
  .cols-container .col-2 {
    width: 16.666666%; }
  .cols-container .col-1 {
    width: 8.333333%; }
  .cols-container .cols {
    padding: 0 53px;
    position: relative;
    z-index: 10; }
    @media (max-width: 800px) {
      .cols-container .cols {
        width: 100%;
        margin-bottom: 11vw;
        padding: 0 6vw 0 13vw; } }
    .cols-container .cols:nth-of-type(2) {
      transition-delay: .15s; }
    .cols-container .cols:nth-of-type(3) {
      transition-delay: .3s; }
    .cols-container .cols:nth-of-type(4) {
      transition-delay: .45s; }

.cta-btn {
  padding: 16px 0 17px;
  text-align: center;
  width: 180px;
  border-radius: 80px;
  transition: .1s;
  color: #190238;
  background-color: #ffffff;
  font-size: 15px; }
  @media (max-width: 800px) {
    .cta-btn {
      padding: 9px 0 12px;
      width: 153px;
      font-size: 14px; } }
  .cta-btn:hover {
    opacity: .8; }
  .cta-btn[magenta] {
    color: #ffffff;
    background-color: #ff166b; }
  .cta-btn[purple] {
    color: #ffffff;
    background-color: #6435d2; }

h2 {
  font-size: 42px; }
  @media (max-width: 800px) {
    h2 {
      font-size: 5.5vw; } }

p {
  font-size: 17px;
  letter-spacing: 0.026em;
  line-height: 2.15; }

header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  transition: .3s;
  background-color: rgba(50, 42, 72, 0.97); }
  header .logo a {
    background: url(../png/slider-logo.png) no-repeat center/contain;
    height: 3.4vw;
    width: 9vw;
    margin: 2.2vw 3.1vw 0;
    text-indent: -9999px; }
    @media (max-width: 800px) {
      header .logo a {
        height: 4.2vw;
        width: 19vw;
        margin: 4.8vw 5.4vw; } }
    @media (max-width: 500px) {
      header .logo a {
        height: 8.8vw;
        width: 23.6vw;
        margin: 4.3vw 5.4vw; } }
  header .burger-btn, header .nav-close-btn {
    position: absolute;
    display: block;
    width: 7.73236vw;
    height: 7.73236vw;
    right: 12px;
    top: 2.9vw;
    background: url(../svg/burger-2.svg) no-repeat center/50%;
    display: none; }
    @media (max-width: 500px) {
      header .burger-btn, header .nav-close-btn {
        width: 9.73236vw;
        height: 9.73236vw;
        right: 12px;
        top: 4.1vw; } }
  @media (max-width: 800px) {
    header .burger-btn {
      display: block; } }
  header .nav-close-btn {
    background-image: url(../svg/nav-close-2.svg); }
  header nav {
    width: 100%;
    text-align: right;
    padding: 2.8vw 1.95vw 2.95vw 0;
    position: relative; }
    @media (max-width: 1440px) {
      header nav {
        padding: 2.6vw 1.95vw 2.75vw 0; } }
    @media (max-width: 1290px) {
      header nav {
        padding: 2.4vw 1.95vw 2.55vw 0; } }
    @media (max-width: 800px) {
      header nav {
        position: fixed;
        height: 100%;
        background: #1f093d;
        text-align: center;
        display: flex;
        padding: 0;
        align-items: baseline;
        justify-content: center;
        visibility: hidden;
        opacity: 0;
        transition: .2s ease-out; }
        header nav.open {
          opacity: 1;
          visibility: visible; }
          header nav.open .nav-close-btn {
            display: block; }
        header nav ul {
          padding-top: 3.3vw;
          display: flex;
          flex-direction: column;
          width: 100%;
          border-top: 1px solid rgba(255, 255, 255, 0.1); } }
    @media (max-width: 500px) {
      header nav {
        padding-top: 17.5vw; } }
    header nav li {
      display: inline-block;
      font-size: 0.78125vw; }
      @media (max-width: 1440px) {
        header nav li {
          font-size: 0.88125vw; } }
      @media (max-width: 1290px) {
        header nav li {
          font-size: 0.95vw; } }
      @media (max-width: 800px) {
        header nav li {
          display: block;
          font-size: 3vw;
          order: 5; } }
      @media (max-width: 500px) {
        header nav li {
          font-size: 4.4vw;
          font-weight: 300; }
          header nav li:nth-last-of-type(2) {
            order: 1; } }
      header nav li .nav-triggers {
        margin: 0 0.95vw;
        position: relative; }
        @media (max-width: 800px) {
          header nav li .nav-triggers {
            margin: 1.8vw 0; } }
        @media (max-width: 500px) {
          header nav li .nav-triggers {
            margin: 3.9vw 0; } }
        header nav li .nav-triggers::before {
          content: '';
          position: absolute;
          width: 0%;
          height: 3px;
          background: #34d19b;
          background: linear-gradient(25deg, #34d19b 0%, #7248d5 100%);
          right: 0;
          bottom: -.7vw;
          opacity: 0;
          transition: .2s ease-out; }
          @media (max-width: 500px) {
            header nav li .nav-triggers::before {
              height: 3px;
              bottom: -2vw; } }
        header nav li .nav-triggers:hover::before, header nav li .nav-triggers.active::before {
          width: 100%;
          opacity: 1; }
        header nav li .nav-triggers.log-in {
          width: auto;
          padding: 11px 28px;
          border-radius: 5vw;
          transition: .15s;
          margin: 0 0.5vw 0 1.6vw; }
          @media (max-width: 800px) {
            header nav li .nav-triggers.log-in {
              border: none;
              margin: 3vw 0 7.9vw; } }
          header nav li .nav-triggers.log-in::before {
            display: none; }
          header nav li .nav-triggers.log-in:hover {
            background-color: .9; }
        header nav li .nav-triggers.lang {
          border-radius: 5vw;
          box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
          padding: 11px;
          margin-left: .5vw;
          cursor: pointer;
          color: #ffffff;
          text-transform: uppercase;
          width: calc(1.5625vw + 11px);
          height: calc(1.5625vw + 11px); }
          @media (max-width: 1440px) {
            header nav li .nav-triggers.lang {
              width: calc(1.7625vw + 11px);
              height: calc(1.7625vw + 11px); } }
          @media (max-width: 1290px) {
            header nav li .nav-triggers.lang {
              width: calc(1.8625vw + 11px);
              height: calc(1.8625vw + 11px); } }
          @media (max-width: 800px) {
            header nav li .nav-triggers.lang {
              position: absolute;
              width: 7.73236vw;
              height: 7.73236vw;
              left: 12px;
              top: 0.8vw;
              padding: 0;
              line-height: 7.7vw; } }
          @media (max-width: 800px) {
            header nav li .nav-triggers.lang {
              width: 9.63236vw;
              height: 9.63236vw;
              left: 22px;
              top: 0.2vw;
              padding: 0;
              line-height: 9.4vw; }
              header nav li .nav-triggers.lang .chosen-lang {
                font-size: 3.9vw; } }
          header nav li .nav-triggers.lang::before {
            display: none; }
          header nav li .nav-triggers.lang:hover {
            background-color: #ffffff;
            color: #190238;
            border-radius: 3px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            padding-bottom: 3px;
            margin-bottom: 8px;
            height: auto; }
            @media (max-width: 1440px) {
              header nav li .nav-triggers.lang:hover {
                margin-bottom: 7px; } }
            @media (max-width: 1290px) {
              header nav li .nav-triggers.lang:hover {
                margin-bottom: 6px; } }
            @media (max-width: 800px) {
              header nav li .nav-triggers.lang:hover {
                background-color: transparent;
                color: #ffffff;
                border-radius: 50%;
                padding: initial; } }
            header nav li .nav-triggers.lang:hover .dropdown-lang, header nav li .nav-triggers.lang:hover::after {
              opacity: 1;
              visibility: visible; }
              @media (max-width: 800px) {
                header nav li .nav-triggers.lang:hover .dropdown-lang, header nav li .nav-triggers.lang:hover::after {
                  position: fixed;
                  top: 15vw;
                  left: 0;
                  padding: 10% 34%; } }
              @media (max-width: 500px) {
                header nav li .nav-triggers.lang:hover .dropdown-lang, header nav li .nav-triggers.lang:hover::after {
                  top: 18vw;
                  padding: 12.1% 19.7%; } }
          header nav li .nav-triggers.lang::after {
            content: '';
            position: absolute;
            height: 6px;
            background-color: #ffffff;
            width: 100%;
            right: 0;
            bottom: -6px;
            opacity: 0;
            visibility: hidden; }
            @media (max-width: 800px) {
              header nav li .nav-triggers.lang::after {
                display: none; } }
          header nav li .nav-triggers.lang .dropdown-lang {
            position: absolute;
            z-index: 100;
            background: #ffffff;
            top: 2.05vw;
            right: 0;
            box-shadow: 0 13px 30px -10px rgba(50, 42, 72, 0.2);
            opacity: 0;
            visibility: hidden;
            width: 6.8667vw;
            cursor: default; }
            @media (max-width: 1440px) {
              header nav li .nav-triggers.lang .dropdown-lang {
                width: 7.8667vw;
                top: 2.45vw; } }
            @media (max-width: 1290px) {
              header nav li .nav-triggers.lang .dropdown-lang {
                width: 8.8667vw;
                top: 2.75vw; } }
            @media (max-width: 800px) {
              header nav li .nav-triggers.lang .dropdown-lang {
                width: 100%;
                height: 100%;
                background-color: #1f093d;
                box-shadow: none; } }
            header nav li .nav-triggers.lang .dropdown-lang .dr-lang-inner {
              border-radius: 3px;
              border-top-right-radius: 0;
              padding: .83vw;
              box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2); }
              @media (max-width: 800px) {
                header nav li .nav-triggers.lang .dropdown-lang .dr-lang-inner {
                  box-shadow: none;
                  border-radius: 0;
                  padding: 0; } }
            header nav li .nav-triggers.lang .dropdown-lang .lang-triggers {
              float: left;
              width: 1.40625vw;
              height: 1.40625vw;
              background: #e5e5e5 no-repeat center / cover;
              border-radius: 50%;
              margin: .15vw;
              border: 2px solid #e5e5e5; }
              @media (max-width: 1440px) {
                header nav li .nav-triggers.lang .dropdown-lang .lang-triggers {
                  width: 1.70625vw;
                  height: 1.70625vw; } }
              @media (max-width: 1290px) {
                header nav li .nav-triggers.lang .dropdown-lang .lang-triggers {
                  width: 2.00625vw;
                  height: 2.00625vw; } }
              @media (max-width: 800px) {
                header nav li .nav-triggers.lang .dropdown-lang .lang-triggers {
                  width: 7.00625vw;
                  height: 7.00625vw;
                  margin: 1.5vw; } }
              @media (max-width: 500px) {
                header nav li .nav-triggers.lang .dropdown-lang .lang-triggers {
                  width: 12vw;
                  height: 12vw;
                  margin: 4.1vw; } }
              header nav li .nav-triggers.lang .dropdown-lang .lang-triggers[id-lang='es'] {
                background-image: url(../jpg/flag-es-2.jpg); }
              header nav li .nav-triggers.lang .dropdown-lang .lang-triggers[id-lang='en'] {
                background-image: url(../jpg/flag-en-2.jpg); }
              header nav li .nav-triggers.lang .dropdown-lang .lang-triggers[id-lang='de'] {
                background-image: url(../jpg/flag-de-2.jpg); }
              header nav li .nav-triggers.lang .dropdown-lang .lang-triggers[id-lang='ch'] {
                background-image: url(../jpg/flag-ch-2.jpg); }
              header nav li .nav-triggers.lang .dropdown-lang .lang-triggers[id-lang='pl'] {
                background-image: url(../jpg/flag-pl-2.jpg); }
              header nav li .nav-triggers.lang .dropdown-lang .lang-triggers[id-lang='it'] {
                background-image: url(../jpg/flag-it-2.jpg); }
              header nav li .nav-triggers.lang .dropdown-lang .lang-triggers[id-lang='fr'] {
                background-image: url(../jpg/flag-fr-2.jpg); }
              header nav li .nav-triggers.lang .dropdown-lang .lang-triggers.active {
                display: none; }

.hero p, .main-info .title-wrapper p {
  margin: 24px auto 0;
  max-width: 850px; }
  .hero p:first-of-type, .main-info .title-wrapper p:first-of-type {
    margin-top: 43px; }

.hero {
  padding-top: 240px;
  padding-bottom: 125px;
  background: url(../png/hero-bg.png) no-repeat center bottom/contain; }
  @media (max-width: 800px) {
    .hero {
      padding-top: 30.2vw;
      padding-bottom: 19vw;
      background-image: url(../png/hero-bg-resp.png); }
      .hero p:first-of-type {
        font-size: 3.7vw;
        padding: 0 2vw;
        margin-top: 4.7vw;
        line-height: 1.8; }
      .hero p:last-of-type {
        margin: 3.4vw auto 13vw;
        max-width: 86%;
        font-size: 4.2vw;
        line-height: 1.9; } }
  .hero .video-wrapper {
    height: 718px;
    background: url(../png/video-bg.png) no-repeat center/contain;
    margin: 23px auto 0;
    max-width: 1086px;
    position: relative; }
    @media (max-width: 800px) {
      .hero .video-wrapper {
        height: 85vw;
        margin: auto; } }
    .hero .video-wrapper video {
      margin: 0 56px;
      max-width: 974px;
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 89px;
      height: 548px;
      visibility: hidden;
      opacity: 0;
      transition: .2s; }
      @media (max-width: 800px) {
        .hero .video-wrapper video {
          max-width: 100%;
          margin: 0;
          height: 50.8vw;
          width: calc(100% - 10vw);
          left: 50%;
          transform: translateX(-50%);
          bottom: 17.2vw; } }
      .hero .video-wrapper video.active {
        visibility: visible;
        opacity: 1; }
    .hero .video-wrapper .play-btn {
      position: absolute;
      width: 225px;
      height: 125px;
      border-radius: 12px;
      background: rgba(100, 53, 210, 0.9) url(../svg/play-btn.svg) no-repeat center/18%;
      transition: .1s;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -53%); }
      @media (max-width: 800px) {
        .hero .video-wrapper .play-btn {
          width: 21vw;
          height: 12vw;
          border-radius: 4px; } }
      .hero .video-wrapper .play-btn:hover {
        background-color: #6435d2; }
  .hero .cta-btn {
    width: 225px;
    font-size: 18px;
    position: relative;
    z-index: 10;
    margin-top: -4px; }
    @media (max-width: 800px) {
      .hero .cta-btn {
        width: 56.5vw;
        font-size: 3.9vw;
        padding: 3.5vw 0vw;
        margin-top: -1.6vw; } }

.main-info {
  background: url(../svg/body-bg.svg) no-repeat center bottom -383px/contain; }
  @media (max-width: 800px) {
    .main-info {
      background: none; } }
  .main-info .title-wrapper {
    padding-top: 140px;
    padding-bottom: 98px; }
    @media (max-width: 800px) {
      .main-info .title-wrapper {
        padding: 16.8vw 8vw 0; }
        .main-info .title-wrapper p:first-of-type {
          margin-top: 4.7vw;
          line-height: 1.9;
          font-size: 4.2vw; } }
  .main-info .cols-container {
    position: relative; }
    .main-info .cols-container::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 98.5%;
      top: 0;
      left: 0;
      background: no-repeat right 53px top / contain; }
      @media (max-width: 800px) {
        .main-info .cols-container::after {
          display: none; } }
    @media (max-width: 800px) {
      .main-info .cols-container img {
        max-width: 48.6vw;
        margin-left: 13vw;
        margin-top: 16vw; } }
    .main-info .cols-container .col-text {
      padding-right: 58px; }
    .main-info .cols-container.no-exlusivity::after {
      background-image: url(../png/cols-no-exclusivity.png); }
    .main-info .cols-container.monetization::after {
      background-image: url(../png/cols-monetization.png);
      background-position: 48px top;
      height: 119.9%;
      top: -48px; }
    @media (max-width: 800px) {
      .main-info .cols-container.monetization img {
        max-width: 41.4vw;
        margin-top: 19vw; } }
    .main-info .cols-container.monetization .col-text {
      padding-right: 10px; }
    .main-info .cols-container.publishers::after {
      background-image: url(../png/cols-publisher.png);
      height: 94.3%;
      background-position: right 119px top;
      top: -10px; }
    @media (max-width: 800px) {
      .main-info .cols-container.publishers img {
        max-width: 41.8vw;
        margin-top: 18.5vw; } }
    .main-info .cols-container.monetization2::after {
      background-image: url(../png/cols-monetization2.png);
      background-position: 58px top;
      height: 117.6%;
      top: -34px; }
    @media (max-width: 800px) {
      .main-info .cols-container.monetization2 img {
        max-width: 41.6vw;
        margin-top: 19.7vw; } }
    .main-info .cols-container.monetization2 .col-inner {
      padding-bottom: 202px; }
      @media (max-width: 800px) {
        .main-info .cols-container.monetization2 .col-inner {
          padding-bottom: 0; } }
    .main-info .cols-container.monetization2 .col-text {
      padding-right: 10px; }
  .main-info .col-inner {
    padding: 66px 0 275px; }
    @media (max-width: 800px) {
      .main-info .col-inner {
        padding: 7.9vw 0 0; } }
    .main-info .col-inner.right {
      padding-left: 58px; }
      @media (max-width: 800px) {
        .main-info .col-inner.right {
          padding-left: 0; } }
    .main-info .col-inner .col-title {
      font-size: 30px;
      line-height: 1.4;
      position: relative;
      letter-spacing: 0; }
      @media (max-width: 800px) {
        .main-info .col-inner .col-title {
          font-size: 5.6vw;
          font-weight: 500; } }
      .main-info .col-inner .col-title::before {
        content: '';
        position: absolute;
        height: 65px;
        width: 4px;
        background-color: #6435d2;
        left: -22px;
        top: 10px; }
        @media (max-width: 800px) {
          .main-info .col-inner .col-title::before {
            height: 12vw;
            width: 3px;
            top: 6px; } }
    .main-info .col-inner .col-text {
      margin-top: 20px; }
      @media (max-width: 800px) {
        .main-info .col-inner .col-text {
          margin-top: 4.1vw;
          line-height: 1.9;
          font-size: 4.2vw;
          padding-right: 0; } }
    .main-info .col-inner .cta-btn {
      margin-top: 32px; }
      @media (max-width: 800px) {
        .main-info .col-inner .cta-btn {
          margin-top: 7.3vw; } }
  .main-info .work::after {
    background-image: url(../png/cols-work.png);
    height: 54.1%;
    top: 95px;
    background-position: right 106px top; }
  @media (max-width: 800px) {
    .main-info .work img {
      margin-top: 16.9vw; } }
  .main-info .work .col-inner {
    padding-top: 107px;
    padding-bottom: 198px; }
    @media (max-width: 800px) {
      .main-info .work .col-inner {
        padding: 7.9vw 0 13.2vw; } }
    .main-info .work .col-inner .col-title {
      font-size: 40px;
      line-height: 1.2;
      letter-spacing: 0.025em; }
      @media (max-width: 800px) {
        .main-info .work .col-inner .col-title {
          font-size: 5.6vw;
          line-height: 1.4;
          letter-spacing: initial; } }
      .main-info .work .col-inner .col-title::before {
        display: none; }
    .main-info .work .col-inner .col-text {
      font-size: 20px;
      padding-right: 30px; }
      @media (max-width: 800px) {
        .main-info .work .col-inner .col-text {
          font-size: 4.2vw;
          padding-right: 0; } }
    .main-info .work .col-inner .cta-btn {
      margin-top: 45px; }
      @media (max-width: 800px) {
        .main-info .work .col-inner .cta-btn {
          margin-top: 7.3vw; } }

.publishers .info {
  background-color: #322a48;
  padding: 138px 0 133px; }
  @media (max-width: 800px) {
    .publishers .info {
      padding: 17.5vw 5vw 16.7vw; } }
  .publishers .info h2 {
    font-size: 54px; }
    @media (max-width: 800px) {
      .publishers .info h2 {
        font-size: 5.5vw; } }
  .publishers .info p {
    font-size: 24px;
    margin-top: 31px;
    letter-spacing: 0; }
    @media (max-width: 800px) {
      .publishers .info p {
        font-size: 4vw;
        margin-top: 4.6vw;
        line-height: 1.7; } }

.publishers .pubs-container {
  margin: auto;
  max-width: 1198px;
  padding: 62px 0 184px; }
  @media (max-width: 800px) {
    .publishers .pubs-container {
      padding: 8.3vw 6vw 14vw; } }
  .publishers .pubs-container .pubs {
    width: 16.666666%;
    padding: 13px;
    float: left; }
    @media (max-width: 800px) {
      .publishers .pubs-container .pubs {
        width: 25%;
        padding: 1vw; } }
    .publishers .pubs-container .pubs .pubs-inner {
      background-color: #f5f6fa;
      border-radius: 4px;
      height: 99px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 800px) {
        .publishers .pubs-container .pubs .pubs-inner {
          border-radius: 2px;
          height: 11.4vw; } }
      .publishers .pubs-container .pubs .pubs-inner img {
        max-width: 80%; }
        @media (max-width: 800px) {
          .publishers .pubs-container .pubs .pubs-inner img {
            max-width: 54%; } }

footer {
  background-color: #f5f6fa;
  padding: 4.65vw 3.1vw; }
  @media (max-width: 800px) {
    footer {
      padding-top: 17vw; } }
  footer .cols-container {
    max-width: 100%;
    align-items: center; }
    @media (max-width: 800px) {
      footer .cols-container {
        display: flex;
        flex-direction: column-reverse;
        text-align: center; } }
    footer .cols-container a, footer .cols-container p {
      margin: 0; }
    footer .cols-container a {
      opacity: .8;
      transition: .1s ease-out; }
      footer .cols-container a:hover {
        opacity: 1; }
    footer .cols-container .cols {
      opacity: 1;
      transform: none;
      padding: 0; }
      footer .cols-container .cols:first-of-type a {
        vertical-align: top;
        margin-right: 2.4vw; }
        @media (max-width: 1440px) {
          footer .cols-container .cols:first-of-type a {
            margin-right: 1.4vw; }
            footer .cols-container .cols:first-of-type a img {
              width: 5vw; } }
        @media (max-width: 800px) {
          footer .cols-container .cols:first-of-type a img {
            width: 18vw; } }
      footer .cols-container .cols.col-6 {
        text-align: center; }
        footer .cols-container .cols.col-6 a {
          margin: -0.4vw 1.8vw 0; }
          @media (max-width: 1440px) {
            footer .cols-container .cols.col-6 a img {
              height: 2vw; } }
          @media (max-width: 800px) {
            footer .cols-container .cols.col-6 a {
              margin: 1.1vw 6.3vw 0; }
              footer .cols-container .cols.col-6 a img {
                height: 7.1vw; } }
      footer .cols-container .cols:last-of-type {
        text-align: right; }
        @media (max-width: 800px) {
          footer .cols-container .cols:last-of-type {
            text-align: center; } }
        footer .cols-container .cols:last-of-type p {
          font-size: 15px;
          margin: -0.4vw 0.8vw 0;
          letter-spacing: 0.016em; }
          @media (max-width: 1440px) {
            footer .cols-container .cols:last-of-type p {
              font-size: 13px; } }
          @media (max-width: 800px) {
            footer .cols-container .cols:last-of-type p {
              font-size: 3.7vw; } }
        footer .cols-container .cols:last-of-type a:hover {
          text-decoration: underline; }