/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@font-face {
  font-family: 'ProximaNova-Regular';
  src: url("../fonts/ProximaNova-Regular.woff?v=2d2ae255") format("woff"); }

@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url("../fonts/ProximaNova-Semibold.woff?v=8feb512e") format("woff"); }

@font-face {
  font-family: 'ProximaNova-Bold';
  src: url("../fonts/ProximaNova-Bold.woff?v=e2cf3dc2") format("woff"); }

@font-face {
  font-family: 'Scada-Regular';
  src: url("../fonts/Scada-Regular.woff?v=b756d55d") format("woff"); }

body {
  margin: 0; }

.oxicarbox {
  font-family: 'ProximaNova-Regular';
  max-height: 100vh; }
  @media (min-width: 1920px) {
    .oxicarbox {
      font-size: -webkit-calc(100vw / 120);
      font-size: calc(100vw / 120); } }
  @media (max-width: 1920px) {
    .oxicarbox {
      font-size: -webkit-calc(100vw / 120);
      font-size: calc(100vw / 120); } }
  @media (max-width: 1024px) {
    .oxicarbox {
      font-size: -webkit-calc(100vw / 48);
      font-size: calc(100vw / 48); } }
  @media (max-width: 576px) {
    .oxicarbox {
      font-size: -webkit-calc(100vw / 20);
      font-size: calc(100vw / 20);
      overflow-x: hidden; } }
  .oxicarbox * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .oxicarbox h1, .oxicarbox h2, .oxicarbox h3, .oxicarbox h4, .oxicarbox h5 {
    margin: 0; }
  .oxicarbox ul {
    padding: 0;
    margin: 0; }
  .oxicarbox li {
    list-style: none; }
  .oxicarbox p {
    margin: 0; }
  .oxicarbox a {
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .oxicarbox a:hover {
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      text-decoration: none; }
  .oxicarbox img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    vertical-align: bottom; }
  .oxicarbox .banner {
    position: relative;
    z-index: 1;
    background: url("../img/banner.jpg?v=180581bd") no-repeat center center/cover;
    height: 60.1875em;
    padding: 14.1875em 13.5em; }
    @media (max-width: 1024px) {
      .oxicarbox .banner {
        background: url("../img/banner-tablet.jpg?v=0a579784") no-repeat center center/cover;
        height: 53.875em;
        padding: 4.0625em 0em 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; } }
    @media (max-width: 576px) {
      .oxicarbox .banner {
        height: 25em;
        padding: 2em 0em 0; } }
    .oxicarbox .banner .title {
      font-family: 'ProximaNova-Bold';
      font-weight: 400;
      font-size: 5em;
      line-height: 1.25;
      text-transform: uppercase;
      color: #08577C;
      max-width: 6.25em;
      margin-bottom: 0.34375em; }
      @media (max-width: 1024px) {
        .oxicarbox .banner .title {
          text-align: center;
          font-size: 3.4375em;
          max-width: 100%;
          margin-bottom: 0.25em; } }
      @media (max-width: 576px) {
        .oxicarbox .banner .title {
          font-size: 1.875em; } }
      @media (max-width: 1024px) {
        .oxicarbox .banner .title .dash {
          display: none; } }
    .oxicarbox .banner .tagline {
      font-family: 'ProximaNova-Semibold';
      font-weight: 400;
      font-size: 1.875em;
      line-height: 1.65;
      text-transform: uppercase;
      color: #08577C;
      max-width: 12.5em;
      margin-bottom: 2.3125em; }
      @media (max-width: 1024px) {
        .oxicarbox .banner .tagline {
          text-align: center;
          font-size: 1.25em;
          line-height: 2.1;
          margin-bottom: auto;
          max-width: 21.875em; } }
      @media (max-width: 576px) {
        .oxicarbox .banner .tagline {
          font-size: 0.75em;
          line-height: 1.8; } }
      .oxicarbox .banner .tagline .pink {
        color: #CF6CBB; }
    .oxicarbox .banner .btn {
      position: relative;
      font-family: 'ProximaNova-Bold';
      font-weight: 400;
      font-size: 1.25em;
      line-height: 1;
      color: #FFFFFF;
      width: 13.875em;
      height: 4.0625em;
      padding-left: 3.5em;
      background: #E47ED4;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: background 0.3s;
      -o-transition: background 0.3s;
      transition: background 0.3s; }
      @media (max-width: 1024px) {
        .oxicarbox .banner .btn {
          width: 13.875em;
          height: 4.0625em;
          margin-bottom: -1.8125em; } }
      @media (max-width: 576px) {
        .oxicarbox .banner .btn {
          font-size: 0.9375em;
          width: 12.8125em;
          height: 3.4375em;
          margin-bottom: -1.5625em;
          padding-left: 4.375em; } }
      .oxicarbox .banner .btn:hover {
        -webkit-transition: background 0.3s;
        -o-transition: background 0.3s;
        transition: background 0.3s;
        background: #F19FE4; }
      .oxicarbox .banner .btn::after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        -webkit-box-shadow: 0px 0.625em 1.25em #D876C9;
                box-shadow: 0px 0.625em 1.25em #D876C9;
        width: 80%;
        height: 90%; }
      .oxicarbox .banner .btn::before {
        content: '';
        position: absolute;
        right: 3.75em;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 1.625em;
        height: 0.75em;
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjE3NzMgOC42OTc4M0MzMC41Njc4IDguMzA3MyAzMC41Njc4IDcuNjc0MTQgMzAuMTc3MyA3LjI4MzYxTDIzLjgxMzMgMC45MTk2NTNDMjMuNDIyOCAwLjUyOTEyOSAyMi43ODk2IDAuNTI5MTI5IDIyLjM5OTEgMC45MTk2NTNDMjIuMDA4NiAxLjMxMDE4IDIyLjAwODYgMS45NDMzNCAyMi4zOTkxIDIuMzMzODdMMjguMDU2IDcuOTkwNzJMMjIuMzk5MSAxMy42NDc2QzIyLjAwODYgMTQuMDM4MSAyMi4wMDg2IDE0LjY3MTMgMjIuMzk5MSAxNS4wNjE4QzIyLjc4OTYgMTUuNDUyMyAyMy40MjI4IDE1LjQ1MjMgMjMuODEzMyAxNS4wNjE4TDMwLjE3NzMgOC42OTc4M1pNMC45NDk2NDYgOC45OTA3MkwyOS40NzAyIDguOTkwNzJMMjkuNDcwMiA2Ljk5MDcyTDAuOTQ5NjQ2IDYuOTkwNzJMMC45NDk2NDYgOC45OTA3MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=") no-repeat center center/contain; }
        @media (max-width: 576px) {
          .oxicarbox .banner .btn::before {
            right: 3.125em;
            width: 1.625em;
            height: 1em; } }
  .oxicarbox .therapy {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 6.875em; }
    @media (max-width: 1024px) {
      .oxicarbox .therapy {
        padding-top: 7.5625em;
        padding-bottom: 9.375em; } }
    @media (max-width: 576px) {
      .oxicarbox .therapy {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        padding: 4.375em 0 7.5em 0;
        margin: 0 1.25em; } }
    .oxicarbox .therapy .left-container {
      position: relative;
      padding-left: 7.125em;
      margin-right: 4.4375em;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
      @media (max-width: 1024px) {
        .oxicarbox .therapy .left-container {
          padding-left: 0em;
          padding-top: 4.0625em;
          margin-left: -1.875em;
          margin-right: 0em; } }
      @media (max-width: 576px) {
        .oxicarbox .therapy .left-container {
          padding-top: 0.9375em;
          margin-left: -1.25em; } }
      .oxicarbox .therapy .left-container .img {
        width: 51.9475em;
        height: 60.10187em; }
        @media (max-width: 1024px) {
          .oxicarbox .therapy .left-container .img {
            width: 25.375em;
            height: 29.32688em; } }
        @media (max-width: 576px) {
          .oxicarbox .therapy .left-container .img {
            width: 18.75em;
            height: 21.67em; } }
      .oxicarbox .therapy .left-container .bubble .top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 0.625em; }
        @media (max-width: 1024px) {
          .oxicarbox .therapy .left-container .bubble .top {
            margin-bottom: 0.25em; } }
      .oxicarbox .therapy .left-container .bubble .on {
        font-family: 'ProximaNova-Bold';
        font-weight: 400;
        font-size: 1.5em;
        line-height: 1;
        color: #E47ED4; }
        @media (max-width: 1024px) {
          .oxicarbox .therapy .left-container .bubble .on {
            font-size: 0.875em; } }
        @media (max-width: 576px) {
          .oxicarbox .therapy .left-container .bubble .on {
            margin-top: 0.625em; } }
      .oxicarbox .therapy .left-container .bubble .number {
        font-family: 'ProximaNova-Bold';
        font-weight: 400;
        font-size: 7.1875em;
        line-height: 0.8;
        text-align: right;
        color: #E47ED4; }
        @media (max-width: 1024px) {
          .oxicarbox .therapy .left-container .bubble .number {
            font-size: 4.0625em; } }
        @media (max-width: 576px) {
          .oxicarbox .therapy .left-container .bubble .number {
            font-size: 3.125em; } }
      .oxicarbox .therapy .left-container .bubble .percent {
        font-family: 'ProximaNova-Bold';
        font-weight: 400;
        font-size: 3.75em;
        line-height: 1;
        text-align: right;
        color: #E47ED4;
        -webkit-align-self: flex-end;
            -ms-flex-item-align: end;
                align-self: flex-end; }
        @media (max-width: 1024px) {
          .oxicarbox .therapy .left-container .bubble .percent {
            font-size: 1.875em; } }
        @media (max-width: 576px) {
          .oxicarbox .therapy .left-container .bubble .percent {
            font-size: 1.5625em; } }
      .oxicarbox .therapy .left-container .bubble .text {
        display: block;
        font-size: 1.25em;
        line-height: 1.1;
        text-align: center;
        color: #282948;
        max-width: 10.3125em; }
        @media (max-width: 1024px) {
          .oxicarbox .therapy .left-container .bubble .text {
            font-size: 0.875em;
            line-height: 1.3;
            max-width: 8.4375em; } }
        @media (max-width: 576px) {
          .oxicarbox .therapy .left-container .bubble .text {
            font-size: 0.75em;
            max-width: 7.5em; } }
      .oxicarbox .therapy .left-container .bubble.bubble1 {
        position: absolute;
        width: 29.6875em;
        height: 26.875em;
        padding: 8.75em 0 0 8.9375em;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        right: -9.6875em;
        top: 19.375em;
        background: url("../img/bubble1.png?v=5e68d7a2") no-repeat center center/cover; }
        @media (max-width: 1024px) {
          .oxicarbox .therapy .left-container .bubble.bubble1 {
            right: -3.75em;
            top: 13.625em;
            width: 19.28187em;
            height: 17.565em;
            padding: 5.9375em 0 0 6.25em; } }
        @media (max-width: 576px) {
          .oxicarbox .therapy .left-container .bubble.bubble1 {
            width: 15.25em;
            height: 13.9375em;
            right: -3em;
            top: 6.6875em;
            padding: 4.5625em 0 0 5.125em; } }
      .oxicarbox .therapy .left-container .bubble.bubble2 {
        position: absolute;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        width: 24.9375em;
        height: 22.5625em;
        padding: 7em 0 0 7.9375em;
        right: 2.8125em;
        bottom: 1.875em;
        background: url("../img/bubble2.png?v=79d13b39") no-repeat center center/cover; }
        @media (max-width: 1024px) {
          .oxicarbox .therapy .left-container .bubble.bubble2 {
            width: 16.48438em;
            height: 14.97438em;
            right: 1.5625em;
            bottom: -6.5625em;
            padding: 4.875em 0 0 5.3125em; } }
        @media (max-width: 576px) {
          .oxicarbox .therapy .left-container .bubble.bubble2 {
            width: 14.1875em;
            height: 12.875em;
            right: 1.4375em;
            bottom: -6.375em;
            padding: 3.75em 0 0 4.5625em; } }
        .oxicarbox .therapy .left-container .bubble.bubble2 .number {
          font-size: 5.625em; }
          @media (max-width: 1024px) {
            .oxicarbox .therapy .left-container .bubble.bubble2 .number {
              font-size: 3.75em; } }
          @media (max-width: 576px) {
            .oxicarbox .therapy .left-container .bubble.bubble2 .number {
              font-size: 3.125em; } }
        .oxicarbox .therapy .left-container .bubble.bubble2 .text {
          max-width: 7.8125em; }
          @media (max-width: 576px) {
            .oxicarbox .therapy .left-container .bubble.bubble2 .text {
              max-width: 7.5em; } }
        .oxicarbox .therapy .left-container .bubble.bubble2 .on {
          margin: 0.625em 0.0625em 0 0; }
          @media (max-width: 1024px) {
            .oxicarbox .therapy .left-container .bubble.bubble2 .on {
              margin: 0.3125em 0 0 0; } }
          @media (max-width: 576px) {
            .oxicarbox .therapy .left-container .bubble.bubble2 .on {
              margin: 0.75em 0 0 0; } }
    .oxicarbox .therapy .right-container {
      padding-top: 8.625em; }
      @media (max-width: 1024px) {
        .oxicarbox .therapy .right-container {
          padding-top: 0em; } }
      .oxicarbox .therapy .right-container .title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        text-transform: uppercase;
        font-family: 'ProximaNova-Semibold';
        font-weight: 400;
        font-size: 4.375em;
        line-height: 0.8;
        color: #C961B2;
        margin-bottom: 1.0625em; }
        @media (max-width: 1024px) {
          .oxicarbox .therapy .right-container .title {
            font-size: 3.125em;
            margin-left: -5em;
            margin-bottom: 1.0625em; } }
        @media (max-width: 576px) {
          .oxicarbox .therapy .right-container .title {
            font-size: 1.6875em;
            margin-bottom: 1.125em;
            margin-left: 0; } }
        .oxicarbox .therapy .right-container .title span {
          display: block;
          background: #C961B2;
          color: #fff;
          padding-right: 0.09375em;
          padding-top: 0.0625em;
          margin-top: -0.0625em; }
          @media (max-width: 1024px) {
            .oxicarbox .therapy .right-container .title span {
              padding-right: 0.625em; } }
      .oxicarbox .therapy .right-container .description {
        font-size: 1.375em;
        line-height: 2.3;
        color: #000000;
        width: 34.375em;
        margin-bottom: 2.3125em;
        padding-left: 5em; }
        @media (max-width: 1024px) {
          .oxicarbox .therapy .right-container .description {
            font-size: 0.875em;
            line-height: 2.2;
            padding-left: 3em;
            width: 27.1875em;
            margin-bottom: 2.8125em; } }
        @media (max-width: 576px) {
          .oxicarbox .therapy .right-container .description {
            padding-left: 0em;
            font-size: 0.75em;
            line-height: 2.5;
            width: 100%;
            margin-bottom: 2.5em; } }
        .oxicarbox .therapy .right-container .description sub {
          font-size: 0.5625em; }
      .oxicarbox .therapy .right-container .instant-result {
        padding-left: 3.625em;
        font-weight: 400;
        font-size: 1.875em;
        line-height: 1.6;
        text-transform: uppercase;
        color: #282948;
        margin-bottom: 1.4375em; }
        @media (max-width: 1024px) {
          .oxicarbox .therapy .right-container .instant-result {
            font-size: 1.125em;
            padding-left: 2.4375em;
            margin-bottom: 1.875em; } }
        @media (max-width: 576px) {
          .oxicarbox .therapy .right-container .instant-result {
            padding-left: 0em;
            font-size: 1em;
            line-height: 1.8;
            margin-bottom: 1.25em; } }
      .oxicarbox .therapy .right-container .result-list {
        padding-left: 9.3125em;
        margin-bottom: 3.9375em; }
        @media (max-width: 1024px) {
          .oxicarbox .therapy .right-container .result-list {
            padding-left: 4.25em; } }
        @media (max-width: 576px) {
          .oxicarbox .therapy .right-container .result-list {
            padding-left: 1.4375em;
            margin-bottom: 1.5625em; } }
      .oxicarbox .therapy .right-container .result {
        position: relative;
        font-size: 1.875em;
        line-height: 1;
        text-transform: uppercase;
        color: #C961B2;
        margin-bottom: 1.125em; }
        @media (max-width: 1024px) {
          .oxicarbox .therapy .right-container .result {
            font-size: 1.125em; } }
        @media (max-width: 576px) {
          .oxicarbox .therapy .right-container .result {
            font-size: 1em;
            margin-bottom: 1.5625em; } }
        .oxicarbox .therapy .right-container .result:nth-last-of-type(1) {
          margin-bottom: 0; }
        .oxicarbox .therapy .right-container .result::after {
          content: '';
          position: absolute;
          left: -1.1875em;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          height: 0.3125em;
          width: 0.3125em;
          background: #C961B2;
          -webkit-border-radius: 50%;
                  border-radius: 50%; }
          @media (max-width: 1024px) {
            .oxicarbox .therapy .right-container .result::after {
              height: 0.5em;
              width: 0.5em;
              left: -1.3125em; } }
          @media (max-width: 576px) {
            .oxicarbox .therapy .right-container .result::after {
              height: 0.625em;
              width: 0.625em;
              left: -1.375em; } }
      .oxicarbox .therapy .right-container .research-results {
        font-size: 1em;
        line-height: 1.7;
        color: #282948;
        max-width: 46.875em;
        padding-left: 6.6875em; }
        @media (max-width: 1024px) {
          .oxicarbox .therapy .right-container .research-results {
            position: absolute;
            left: -0.9375em;
            bottom: 2.8125em;
            text-align: center;
            line-height: 2;
            font-size: 0.875em;
            max-width: 50em; } }
        @media (max-width: 576px) {
          .oxicarbox .therapy .right-container .research-results {
            font-size: 0.75em;
            line-height: 2.5;
            left: 0em;
            bottom: -5.625em;
            max-width: 100%;
            padding-left: 0.3125em;
            padding-right: 0.3125em; } }
  .oxicarbox .results {
    position: relative;
    padding-top: 6.25em; }
    @media (max-width: 1024px) {
      .oxicarbox .results {
        padding-top: 2.5em; } }
    @media (max-width: 576px) {
      .oxicarbox .results {
        padding-top: 6.375em; } }
    .oxicarbox .results .title {
      font-size: 1.875em;
      font-weight: 400;
      line-height: 1;
      text-align: center;
      text-transform: uppercase;
      color: #282948;
      margin-bottom: 3.125em;
      padding-right: 0.6875em; }
      @media (max-width: 1024px) {
        .oxicarbox .results .title {
          font-size: 1.125em;
          padding-right: 0; } }
      @media (max-width: 576px) {
        .oxicarbox .results .title {
          max-width: 14.375em;
          margin: 0 auto;
          line-height: 1.7; } }
    .oxicarbox .results .bubble .top {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 0.625em; }
      @media (max-width: 1024px) {
        .oxicarbox .results .bubble .top {
          margin-bottom: 0.3125em; } }
    .oxicarbox .results .bubble .on {
      font-family: 'ProximaNova-Bold';
      font-weight: 400;
      font-size: 1.5em;
      line-height: 1;
      color: #E47ED4; }
      @media (max-width: 1024px) {
        .oxicarbox .results .bubble .on {
          font-size: 0.875em; } }
    .oxicarbox .results .bubble .number {
      font-family: 'ProximaNova-Bold';
      font-weight: 400;
      font-size: 7.1875em;
      line-height: 0.8;
      text-align: right;
      color: #E47ED4; }
      @media (max-width: 1024px) {
        .oxicarbox .results .bubble .number {
          font-size: 4.0625em; } }
      @media (max-width: 576px) {
        .oxicarbox .results .bubble .number {
          font-size: 3.125em; } }
    .oxicarbox .results .bubble .percent {
      font-family: 'ProximaNova-Bold';
      font-weight: 400;
      font-size: 3.75em;
      line-height: 1;
      text-align: right;
      color: #E47ED4;
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end; }
      @media (max-width: 1024px) {
        .oxicarbox .results .bubble .percent {
          font-size: 1.875em; } }
      @media (max-width: 576px) {
        .oxicarbox .results .bubble .percent {
          font-size: 1.5625em; } }
    .oxicarbox .results .bubble .text {
      display: block;
      font-size: 1.25em;
      line-height: 1.2;
      text-align: center;
      color: #282948;
      max-width: 13.75em; }
      @media (max-width: 1024px) {
        .oxicarbox .results .bubble .text {
          font-size: 0.875em;
          max-width: 10.3125em;
          line-height: 1.4; } }
      @media (max-width: 576px) {
        .oxicarbox .results .bubble .text {
          font-size: 0.75em; } }
    .oxicarbox .results .bubble.bubble1 {
      position: absolute;
      width: 34.81188em;
      height: 31.47em;
      padding: 11.5em 0 0 9.4375em;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      right: 35.3125em;
      top: 5.9375em;
      z-index: 2;
      background: url("../img/bubble1.png?v=5e68d7a2") no-repeat center center/cover; }
      @media (max-width: 1024px) {
        .oxicarbox .results .bubble.bubble1 {
          width: 22.54812em;
          height: 20.53em;
          padding: 7.1875em 0 0 6.875em;
          right: 6.125em;
          top: 2.5em; } }
      @media (max-width: 576px) {
        .oxicarbox .results .bubble.bubble1 {
          width: 16.5625em;
          height: 15.125em;
          right: -1.9375em;
          top: 7.9375em;
          padding: 5.3125em 0 0 4.6875em; } }
      .oxicarbox .results .bubble.bubble1 .on {
        margin-right: 0.625em; }
        @media (max-width: 576px) {
          .oxicarbox .results .bubble.bubble1 .on {
            margin-right: 0.3125em; } }
      .oxicarbox .results .bubble.bubble1 .top {
        padding-left: 1.5625em; }
        @media (max-width: 1024px) {
          .oxicarbox .results .bubble.bubble1 .top {
            padding-left: 0.8125em; } }
    .oxicarbox .results .bubble.bubble2 {
      position: absolute;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      width: 29.55187em;
      height: 26.715em;
      padding: 8.125em 0 0 9.375em;
      right: 40.5em;
      bottom: -0.8125em;
      z-index: 2;
      background: url("../img/bubble2.png?v=79d13b39") no-repeat center center/cover; }
      @media (max-width: 1024px) {
        .oxicarbox .results .bubble.bubble2 {
          width: 19.25em;
          height: 17.4375em;
          padding: 5.9375em 0 0 6.5625em;
          right: 9.9375em;
          bottom: 3.4375em; } }
      @media (max-width: 576px) {
        .oxicarbox .results .bubble.bubble2 {
          width: 14.9375em;
          height: 13.5em;
          right: 5.3125em;
          bottom: 5.3125em;
          padding: 4.0625em 0 0 4.6875em; } }
      .oxicarbox .results .bubble.bubble2 .number {
        font-size: 6.875em; }
        @media (max-width: 1024px) {
          .oxicarbox .results .bubble.bubble2 .number {
            font-size: 3.875em; } }
        @media (max-width: 576px) {
          .oxicarbox .results .bubble.bubble2 .number {
            font-size: 3.125em; } }
      .oxicarbox .results .bubble.bubble2 .text {
        max-width: 9.1875em; }
        @media (max-width: 1024px) {
          .oxicarbox .results .bubble.bubble2 .text {
            max-width: 6.875em; } }
      .oxicarbox .results .bubble.bubble2 .on {
        margin: 0.9375em 0em 0 0; }
        @media (max-width: 1024px) {
          .oxicarbox .results .bubble.bubble2 .on {
            margin: 0.625em 0em 0 0; } }
    .oxicarbox .results .bubble.bubble3 {
      position: absolute;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      width: 29.55187em;
      height: 26.715em;
      padding: 8.125em 0 0 9.375em;
      right: 25.9375em;
      bottom: 8.125em;
      z-index: 3;
      background: url("../img/bubble2.png?v=79d13b39") no-repeat center center/cover; }
      @media (max-width: 1024px) {
        .oxicarbox .results .bubble.bubble3 {
          width: 19.5625em;
          height: 17.6875em;
          padding: 6.0625em 0 0 6.6875em;
          right: 0.875em;
          bottom: 11.25em; } }
      @media (max-width: 576px) {
        .oxicarbox .results .bubble.bubble3 {
          width: 14.9375em;
          height: 13.5em;
          right: -2.6875em;
          bottom: 9.1875em;
          padding: 4.0625em 0 0 4.6875em; } }
      .oxicarbox .results .bubble.bubble3 .number {
        font-size: 6.875em; }
        @media (max-width: 1024px) {
          .oxicarbox .results .bubble.bubble3 .number {
            font-size: 3.875em; } }
        @media (max-width: 576px) {
          .oxicarbox .results .bubble.bubble3 .number {
            font-size: 3.125em; } }
      .oxicarbox .results .bubble.bubble3 .text {
        max-width: 9.6875em; }
        @media (max-width: 1024px) {
          .oxicarbox .results .bubble.bubble3 .text {
            max-width: 9.375em;
            margin-left: -0.9375em; } }
      .oxicarbox .results .bubble.bubble3 .on {
        margin: 0.9375em 0em 0 0; }
        @media (max-width: 1024px) {
          .oxicarbox .results .bubble.bubble3 .on {
            margin: 0.3125em 0em 0 0; } }
        @media (max-width: 576px) {
          .oxicarbox .results .bubble.bubble3 .on {
            margin: 0.625em 0em 0 0; } }
    .oxicarbox .results .img {
      width: 31.53438em;
      height: 31.53438em;
      position: absolute;
      left: 32.75em;
      top: 12.1875em;
      z-index: 2; }
      @media (max-width: 1024px) {
        .oxicarbox .results .img {
          width: 23.06437em;
          height: 23.06437em;
          left: 5.9375em;
          top: 7.8125em; } }
      @media (max-width: 576px) {
        .oxicarbox .results .img {
          width: 15.75em;
          height: 15.75em;
          left: -0.9375em;
          top: 11.25em; } }
    .oxicarbox .results .dots1 {
      width: 8.1875em;
      height: 22em;
      position: absolute;
      left: 26.3125em;
      top: 19.0625em;
      z-index: 1; }
      @media (max-width: 1024px) {
        .oxicarbox .results .dots1 {
          width: 5.95937em;
          height: 16.045em;
          left: 0.9375em;
          top: 13.125em; } }
      @media (max-width: 576px) {
        .oxicarbox .results .dots1 {
          display: none; } }
    .oxicarbox .results .dots2 {
      width: 11.1875em;
      height: 10.6875em;
      position: absolute;
      right: 28.1875em;
      top: 32.8125em; }
      @media (max-width: 1024px) {
        .oxicarbox .results .dots2 {
          width: 8.14125em;
          height: 7.79312em;
          right: 0.9375em;
          top: 21.875em; } }
      @media (max-width: 576px) {
        .oxicarbox .results .dots2 {
          display: none; } }
    .oxicarbox .results .description {
      font-size: 1em;
      line-height: 2;
      text-align: center;
      color: #282948;
      padding-top: 36.875em;
      margin: 0 auto; }
      @media (max-width: 1024px) {
        .oxicarbox .results .description {
          font-size: 0.875em;
          line-height: 2.2;
          padding-top: 33.75em;
          max-width: 43.75em; } }
      @media (max-width: 576px) {
        .oxicarbox .results .description {
          font-size: 0.75em;
          padding-top: 30.75em;
          max-width: 25em;
          margin: 0 auto;
          line-height: 2.45; } }
      @media (max-width: 1024px) {
        .oxicarbox .results .description br {
          display: none; } }
  .oxicarbox .beauty-ritual {
    overflow: hidden;
    padding-top: 8.125em;
    margin-bottom: 4.5625em; }
    @media (max-width: 1024px) {
      .oxicarbox .beauty-ritual {
        padding-top: 8.125em;
        margin-bottom: 5.75em; } }
    @media (max-width: 576px) {
      .oxicarbox .beauty-ritual {
        padding-top: 2.5em;
        margin-bottom: 1.5625em; } }
    .oxicarbox .beauty-ritual .title {
      font-family: 'ProximaNova-Bold';
      font-weight: 400;
      font-size: 5em;
      line-height: 1;
      text-align: center;
      text-transform: uppercase;
      color: #202020;
      padding-right: 0.3125em;
      margin-bottom: 0.6em; }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .title {
          font-size: 2.5em;
          padding-right: 0em;
          margin-bottom: 0.75em; } }
      @media (max-width: 576px) {
        .oxicarbox .beauty-ritual .title {
          font-size: 1.6875em;
          text-align: left;
          line-height: 1.5;
          padding-left: 0.75em;
          max-width: 9.0625em;
          margin-bottom: 0.5625em; } }
    .oxicarbox .beauty-ritual .separator {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0 0 12.5em 49.375em; }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .separator {
          margin: 0 0 7.8125em 6.875em; } }
      @media (max-width: 576px) {
        .oxicarbox .beauty-ritual .separator {
          margin: 0 0 3.75em 3.4375em; } }
      .oxicarbox .beauty-ritual .separator .dots {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-right: 0.5em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .separator .dots {
            margin-right: 1.5625em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .separator .dots {
            margin-right: 0.375em; } }
        .oxicarbox .beauty-ritual .separator .dots .dot {
          width: 2.19375em;
          height: 2.19375em;
          margin-right: 0.625em;
          background: #A9E4FF;
          -webkit-border-radius: 50%;
                  border-radius: 50%; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .separator .dots .dot {
              width: 1.375em;
              height: 1.375em;
              margin-right: 0.375em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .separator .dots .dot {
              width: 0.8125em;
              height: 0.8125em;
              margin-right: 0.21875em; } }
      .oxicarbox .beauty-ritual .separator .line {
        width: 42.78125em;
        height: 1px;
        background-color: #000; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .separator .line {
            width: 33.375em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .separator .line {
            width: 11.9375em; } }
    .oxicarbox .beauty-ritual .step .step-title {
      font-family: 'ProximaNova-Bold';
      font-weight: 400;
      font-size: 7.5em;
      line-height: 1;
      text-transform: uppercase;
      color: #78C7EC; }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .step .step-title {
          font-size: 4.375em; } }
      @media (max-width: 576px) {
        .oxicarbox .beauty-ritual .step .step-title {
          font-size: 1.6875em; } }
    .oxicarbox .beauty-ritual .step .container {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .step .container {
          padding-left: 6.875em;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column; } }
    .oxicarbox .beauty-ritual .step .pagination {
      width: 16.625em;
      height: 0.5625em;
      margin-left: 5.8125em;
      background: #EEEEEE;
      -webkit-border-radius: 0.28125em;
              border-radius: 0.28125em;
      margin-bottom: 3.125em;
      display: none; }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .step .pagination {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
                  flex-shrink: 0; } }
      @media (max-width: 576px) {
        .oxicarbox .beauty-ritual .step .pagination {
          width: 17.5em;
          height: 0.25em;
          margin: 0 auto 0.9375em; } }
      .oxicarbox .beauty-ritual .step .pagination .item {
        width: 50%;
        height: 100%;
        background: #F2C4D8;
        -webkit-border-radius: 0.28125em;
                border-radius: 0.28125em; }
        .oxicarbox .beauty-ritual .step .pagination .item.active {
          background: #EEEEEE; }
    .oxicarbox .beauty-ritual .step1.animationDown .container video {
      -webkit-transition: left 2s;
      -o-transition: left 2s;
      transition: left 2s;
      left: 20.625em; }
    .oxicarbox .beauty-ritual .step1.animationDown .img {
      opacity: 0;
      -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
              transform: scale(0.9);
      -webkit-transition: opacity 1s 1s, -webkit-transform 1s 1s;
      transition: opacity 1s 1s, -webkit-transform 1s 1s;
      -o-transition: opacity 1s 1s, transform 1s 1s;
      transition: opacity 1s 1s, transform 1s 1s;
      transition: opacity 1s 1s, transform 1s 1s, -webkit-transform 1s 1s; }
    .oxicarbox .beauty-ritual .step1 .container {
      position: relative;
      padding-left: 19.0625em;
      height: 60.9375em; }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .step1 .container {
          padding-left: 0em;
          height: auto; } }
      @media (max-width: 576px) {
        .oxicarbox .beauty-ritual .step1 .container {
          padding-left: 0;
          margin-bottom: 1.125em; } }
      .oxicarbox .beauty-ritual .step1 .container .step-title {
        position: relative;
        z-index: 2;
        margin: 0 0 0.39375em -0.625em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step1 .container .step-title {
            margin: 0;
            position: absolute;
            right: 1.1875em;
            top: -0.6875em; } }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .step1 .container .pagination {
          margin-left: 12.5em; } }
      @media (max-width: 576px) {
        .oxicarbox .beauty-ritual .step1 .container .pagination {
          margin-left: 1.25em; } }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .step1 .container .swipe {
          width: 100%; } }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .step1 .container .swipe {
          width: 35.25em; } }
      @media (max-width: 576px) {
        .oxicarbox .beauty-ritual .step1 .container .swipe {
          width: 100%; } }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .step1 .container .slick-slide {
          width: 35.1875em; } }
      @media (max-width: 576px) {
        .oxicarbox .beauty-ritual .step1 .container .slick-slide {
          width: 20em; } }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .step1 .container .slick-slide:nth-of-type(1) {
          margin-right: -13.75em; } }
      @media (max-width: 576px) {
        .oxicarbox .beauty-ritual .step1 .container .slick-slide:nth-of-type(1) {
          margin-right: -4.375em; } }
      .oxicarbox .beauty-ritual .step1 .container .slide {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important; }
      .oxicarbox .beauty-ritual .step1 .container .slick-list.draggable {
        padding: 0 !important; }
      .oxicarbox .beauty-ritual .step1 .container .slick-prev, .oxicarbox .beauty-ritual .step1 .container .slick-next {
        display: none !important; }
      .oxicarbox .beauty-ritual .step1 .container video {
        position: absolute;
        left: -38.75em;
        top: 0;
        width: 52.1875em;
        height: 60.9375em;
        -webkit-transition: left 2s;
        -o-transition: left 2s;
        transition: left 2s; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step1 .container video {
            position: static;
            display: none;
            width: 27.375em;
            height: 34.25em;
            left: -21.875em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step1 .container video {
            display: block;
            margin-left: auto;
            margin-right: 0;
            width: 17em;
            height: 21.22062em;
            left: auto;
            right: -15.9375em; } }
        .oxicarbox .beauty-ritual .step1 .container video.tablet {
          display: none; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step1 .container video.tablet {
              display: block; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step1 .container video.tablet {
              display: none; } }
      .oxicarbox .beauty-ritual .step1 .container .img {
        width: 52.1875em;
        height: 60.9375em;
        -webkit-transition: opacity 1s 1s, -webkit-transform 1s 1s;
        transition: opacity 1s 1s, -webkit-transform 1s 1s;
        -o-transition: opacity 1s 1s, transform 1s 1s;
        transition: opacity 1s 1s, transform 1s 1s;
        transition: opacity 1s 1s, transform 1s 1s, -webkit-transform 1s 1s; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step1 .container .img {
            margin-left: auto;
            margin-right: 0;
            width: 28.375em;
            height: 34.25em;
            margin-bottom: 1.875em;
            display: none; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step1 .container .img {
            display: block;
            width: 17.5625em;
            height: 21.22062em;
            margin-bottom: 1.125em;
            margin-left: 0;
            margin-right: auto; } }
        .oxicarbox .beauty-ritual .step1 .container .img.tablet {
          display: none; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step1 .container .img.tablet {
              display: block; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step1 .container .img.tablet {
              display: none; } }
      .oxicarbox .beauty-ritual .step1 .container .text-container {
        margin-top: 12.5em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step1 .container .text-container {
            margin-top: 0em;
            padding-left: 6.875em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step1 .container .text-container {
            margin: 0 1.25em;
            padding-left: 0; } }
      .oxicarbox .beauty-ritual .step1 .container .subtitle {
        font-weight: 400;
        font-size: 2.0625em;
        line-height: 1;
        text-transform: uppercase;
        color: #231F3A;
        padding-left: 0.625em;
        margin-bottom: 1.875em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step1 .container .subtitle {
            font-size: 1.5em;
            line-height: 1.1;
            margin-bottom: 1em;
            padding-left: 0; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step1 .container .subtitle {
            font-size: 1.25em;
            margin-bottom: 0.4375em; } }
      .oxicarbox .beauty-ritual .step1 .container .text {
        font-size: 1.125em;
        line-height: 2.25;
        color: #000000;
        max-width: 31.875em;
        padding-left: 5.3125em;
        margin-bottom: 0.9375em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step1 .container .text {
            font-size: 1em;
            line-height: 2.38;
            padding-left: 0;
            max-width: 34.375em;
            margin-bottom: 1.0625em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step1 .container .text {
            font-size: 0.875em;
            line-height: 1.9;
            margin-bottom: 1.875em; } }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step1 .container .text:nth-of-type(1) {
            max-width: 29.375em; } }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step1 .container .text:nth-of-type(3) {
            max-width: 34.0625em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step1 .container .text:nth-of-type(3) {
            margin-bottom: 0; } }
        .oxicarbox .beauty-ritual .step1 .container .text br.mob {
          display: none; }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step1 .container .text br.mob {
              display: block; } }
      .oxicarbox .beauty-ritual .step1 .container .dots1 {
        position: absolute;
        right: 1.25em;
        top: 5.625em;
        z-index: 3;
        width: 8.1875em;
        height: 22em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step1 .container .dots1 {
            width: 5.455em;
            height: 14.68688em;
            right: 0.9375em;
            top: 9.375em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step1 .container .dots1 {
            display: none; } }
      .oxicarbox .beauty-ritual .step1 .container .dots2 {
        position: absolute;
        left: 15em;
        bottom: 4.375em;
        width: 8.1875em;
        height: 22em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step1 .container .dots2 {
            display: none; } }
      .oxicarbox .beauty-ritual .step1 .container .rectangle {
        position: absolute;
        right: 0;
        top: -0.3125em;
        z-index: 1;
        width: 11.875em;
        height: 22.125em;
        background: #F3C8DB; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step1 .container .rectangle {
            width: 7.875em;
            height: 14.75em;
            top: 5.625em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step1 .container .rectangle {
            display: none; } }
      .oxicarbox .beauty-ritual .step1 .container .cream {
        position: absolute;
        right: 1.5625em;
        top: -3.125em;
        z-index: 2;
        width: 19.125em;
        height: 24.9375em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step1 .container .cream {
            right: 0.375em;
            top: 2.3125em;
            width: 15.3125em;
            height: 19.8125em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step1 .container .cream {
            display: none; } }
    .oxicarbox .beauty-ritual .step1 .instruction {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding-left: 15em;
      padding-top: 0.5em; }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .step1 .instruction {
          padding: 0.1875em 0 0 2.8125em; } }
      @media (max-width: 576px) {
        .oxicarbox .beauty-ritual .step1 .instruction {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 0em 0 0 0em; } }
      .oxicarbox .beauty-ritual .step1 .instruction .icon {
        width: 10.90375em;
        height: 13.77937em;
        margin-right: 1.40875em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step1 .instruction .icon {
            width: 9.06188em;
            height: 11.45187em;
            margin-right: 0.9375em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step1 .instruction .icon {
            margin-right: 0em;
            margin-bottom: 0.3125em; } }
      .oxicarbox .beauty-ritual .step1 .instruction .text {
        font-size: 1.125em;
        line-height: 2.3;
        color: #000000;
        max-width: 29.375em;
        padding-top: 1.25em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step1 .instruction .text {
            font-size: 1em;
            line-height: 2.45;
            padding-top: 0em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step1 .instruction .text {
            text-align: center;
            font-size: 0.875em;
            max-width: 20em;
            line-height: 2; } }
        .oxicarbox .beauty-ritual .step1 .instruction .text sub {
          font-size: 0.5625em; }
        .oxicarbox .beauty-ritual .step1 .instruction .text .go {
          position: relative; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step1 .instruction .text .go {
              display: none; } }
          .oxicarbox .beauty-ritual .step1 .instruction .text .go.tablet {
            display: none; }
            @media (max-width: 1024px) {
              .oxicarbox .beauty-ritual .step1 .instruction .text .go.tablet {
                display: inline-block;
                line-height: 1; } }
          .oxicarbox .beauty-ritual .step1 .instruction .text .go::after {
            content: '';
            position: absolute;
            right: -13.4375em;
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            width: 13.5em;
            height: 0.4375em;
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjE3IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCAyMTcgOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxNi4zNTQgNC4zNTM1N0MyMTYuNTQ5IDQuMTU4MzEgMjE2LjU0OSAzLjg0MTczIDIxNi4zNTQgMy42NDY0N0wyMTMuMTcyIDAuNDY0NDg4QzIxMi45NzYgMC4yNjkyMjYgMjEyLjY2IDAuMjY5MjI2IDIxMi40NjQgMC40NjQ0ODlDMjEyLjI2OSAwLjY1OTc1MSAyMTIuMjY5IDAuOTc2MzMzIDIxMi40NjQgMS4xNzE2TDIxNS4yOTMgNC4wMDAwMkwyMTIuNDY0IDYuODI4NDVDMjEyLjI2OSA3LjAyMzcxIDIxMi4yNjkgNy4zNDAyOSAyMTIuNDY0IDcuNTM1NTZDMjEyLjY2IDcuNzMwODIgMjEyLjk3NiA3LjczMDgyIDIxMy4xNzIgNy41MzU1NkwyMTYuMzU0IDQuMzUzNTdaTTUuMDg1MjllLTA3IDQuNTAwMjRMMjE2IDQuNTAwMDJMMjE2IDMuNTAwMDJMLTUuMDg1NzFlLTA3IDMuNTAwMjRMNS4wODUyOWUtMDcgNC41MDAyNFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=") no-repeat center center/contain; }
            @media (max-width: 1024px) {
              .oxicarbox .beauty-ritual .step1 .instruction .text .go::after {
                content: none; } }
          .oxicarbox .beauty-ritual .step1 .instruction .text .go::before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            background-color: #000;
            -webkit-transform: translateY(-50);
                -ms-transform: translateY(-50);
                    transform: translateY(-50);
            width: 100%;
            height: 1px; }
    .oxicarbox .beauty-ritual .step2 {
      position: relative;
      padding-top: 12.1875em;
      margin-bottom: 5.9375em; }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .step2 {
          padding-top: 5.9375em;
          margin-bottom: 5.3125em; } }
      @media (max-width: 576px) {
        .oxicarbox .beauty-ritual .step2 {
          padding-top: 3.4375em;
          margin-bottom: 2.9375em; } }
      .oxicarbox .beauty-ritual .step2.animationDown .container video {
        -webkit-transition: right 2s;
        -o-transition: right 2s;
        transition: right 2s;
        right: 20.9375em; }
      .oxicarbox .beauty-ritual .step2.animationDown .img {
        opacity: 0;
        -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
                transform: scale(0.9);
        -webkit-transition: opacity 1s 1s, -webkit-transform 1s 1s;
        transition: opacity 1s 1s, -webkit-transform 1s 1s;
        -o-transition: opacity 1s 1s, transform 1s 1s;
        transition: opacity 1s 1s, transform 1s 1s;
        transition: opacity 1s 1s, transform 1s 1s, -webkit-transform 1s 1s; }
      .oxicarbox .beauty-ritual .step2 .step-title {
        position: absolute;
        right: 4.03125em;
        top: -1.1875em;
        z-index: 2; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step2 .step-title {
            top: 0.6875em;
            right: 1em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step2 .step-title {
            top: 1.375em; } }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .step2 .swipe {
          width: 100%; } }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .step2 .swipe {
          width: 35.25em; } }
      @media (max-width: 576px) {
        .oxicarbox .beauty-ritual .step2 .swipe {
          width: 100%; } }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .step2 .slick-slide {
          width: 35.1875em; } }
      @media (max-width: 576px) {
        .oxicarbox .beauty-ritual .step2 .slick-slide {
          width: 20em; } }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .step2 .slick-slide:nth-of-type(1) {
          margin-right: -13.75em; } }
      @media (max-width: 576px) {
        .oxicarbox .beauty-ritual .step2 .slick-slide:nth-of-type(1) {
          margin-right: -4.375em; } }
      .oxicarbox .beauty-ritual .step2 .slide {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important; }
      .oxicarbox .beauty-ritual .step2 .slick-list.draggable {
        padding: 0 !important; }
      .oxicarbox .beauty-ritual .step2 .slick-prev, .oxicarbox .beauty-ritual .step2 .slick-next {
        display: none !important; }
      .oxicarbox .beauty-ritual .step2 .container {
        position: relative;
        padding-right: 19.0625em;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step2 .container {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -webkit-flex-direction: column-reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse;
            padding-right: 0em;
            padding-left: 12.8125em;
            margin-bottom: 0.625em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step2 .container {
            padding-left: 0em;
            padding-right: 0em; } }
        .oxicarbox .beauty-ritual .step2 .container video {
          -webkit-transition: right 2s;
          -o-transition: right 2s;
          transition: right 2s;
          position: absolute;
          right: -39.0625em;
          top: 0;
          width: 52.1875em;
          height: 60.9375em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step2 .container video {
              position: static;
              margin-left: auto;
              margin-right: 0;
              width: 27.5em;
              height: 34.25em;
              right: -21.875em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step2 .container video {
              width: 17.0625em;
              height: 21.2375em;
              right: -15.625em; } }
        .oxicarbox .beauty-ritual .step2 .container .img {
          -webkit-transition: opacity 1s 1s, -webkit-transform 1s 1s;
          transition: opacity 1s 1s, -webkit-transform 1s 1s;
          -o-transition: opacity 1s 1s, transform 1s 1s;
          transition: opacity 1s 1s, transform 1s 1s;
          transition: opacity 1s 1s, transform 1s 1s, -webkit-transform 1s 1s;
          width: 52.1875em;
          height: 60.9375em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step2 .container .img {
              width: 28.32375em;
              height: 34.25em;
              margin-bottom: 1.875em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step2 .container .img {
              width: 17.5625em;
              height: 21.2375em;
              margin-bottom: 0.9375em; } }
        .oxicarbox .beauty-ritual .step2 .container .pagination {
          margin-bottom: 1.875em; }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step2 .container .pagination {
              margin-bottom: 1.0625em;
              margin-left: 1.25em; } }
        .oxicarbox .beauty-ritual .step2 .container .text-container {
          margin-top: 7.5em;
          margin-right: 6.875em;
          width: 34.6875em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step2 .container .text-container {
              margin-top: 0;
              width: 27.5em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step2 .container .text-container {
              padding: 0 1.25em;
              width: 100%; } }
        .oxicarbox .beauty-ritual .step2 .container .subtitle {
          font-weight: 400;
          font-size: 2.0625em;
          line-height: 1;
          text-transform: uppercase;
          color: #231F3A;
          padding-left: 5.8125em;
          margin-bottom: 1.625em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step2 .container .subtitle {
              text-align: center;
              padding-left: 0em;
              font-size: 1.5em;
              margin-bottom: 0.9375em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step2 .container .subtitle {
              font-size: 1.25em;
              text-align: left;
              margin-bottom: 0.625em; } }
          .oxicarbox .beauty-ritual .step2 .container .subtitle sub {
            font-size: 0.5625em; }
        .oxicarbox .beauty-ritual .step2 .container .text {
          font-size: 1.125em;
          line-height: 2.8;
          color: #000000;
          padding-left: 5.3125em;
          margin-bottom: 0.9375em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step2 .container .text {
              padding-left: 0em;
              font-size: 1em;
              line-height: 2.4;
              margin-bottom: 0em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step2 .container .text {
              font-size: 0.875em;
              line-height: 1.9;
              margin-bottom: 1.875em; } }
          .oxicarbox .beauty-ritual .step2 .container .text sub {
            font-size: 0.5625em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step2 .container .text br {
              display: none; } }
        .oxicarbox .beauty-ritual .step2 .container .dots1 {
          position: absolute;
          right: 13.4375em;
          top: 3.75em;
          z-index: 3;
          width: 11.1875em;
          height: 10.6875em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step2 .container .dots1 {
              display: none; } }
        .oxicarbox .beauty-ritual .step2 .container .dots2 {
          position: absolute;
          left: 30em;
          bottom: -5.3125em;
          z-index: 2;
          width: 11.1875em;
          height: 10.6875em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step2 .container .dots2 {
              width: 7.46063em;
              height: 7.14187em;
              left: 2.9375em;
              top: 33em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step2 .container .dots2 {
              display: none; } }
        .oxicarbox .beauty-ritual .step2 .container .rectangle {
          position: absolute;
          right: 72.5em;
          bottom: -8.4375em;
          z-index: 1;
          width: 10.625em;
          height: 33.97937em;
          background: #F3C8DB; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step2 .container .rectangle {
              width: 4.875em;
              height: 15.76em;
              bottom: auto;
              top: 22.6875em;
              right: auto;
              left: 6.875em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step2 .container .rectangle {
              display: none; } }
        .oxicarbox .beauty-ritual .step2 .container .drops {
          position: absolute;
          left: 33.5em;
          bottom: 2.3125em;
          z-index: 3;
          width: 24.625em;
          height: 19.625em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step2 .container .drops {
              width: 13.72188em;
              height: 10.9025em;
              bottom: auto;
              top: 22.9375em;
              left: 3em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step2 .container .drops {
              display: none; } }
      .oxicarbox .beauty-ritual .step2 .instruction {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding-right: 20.4375em;
        padding-top: 0.6875em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step2 .instruction {
            padding-right: 6.25em;
            padding-left: 2.8125em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step2 .instruction {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            padding: 0; } }
        .oxicarbox .beauty-ritual .step2 .instruction .icon {
          width: 10.90375em;
          height: 13.77937em;
          margin-right: 1.40875em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step2 .instruction .icon {
              width: 8.9675em;
              height: 11.06813em;
              margin-right: 0.9375em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step2 .instruction .icon {
              margin-right: 0; } }
        .oxicarbox .beauty-ritual .step2 .instruction .text {
          font-size: 1.125em;
          line-height: 2.3;
          color: #000000;
          max-width: 29.375em;
          padding-top: 1.25em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step2 .instruction .text {
              font-size: 1em;
              padding-top: 0.625em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step2 .instruction .text {
              text-align: center;
              font-size: 0.875em;
              max-width: 20em;
              line-height: 2; } }
          .oxicarbox .beauty-ritual .step2 .instruction .text sub {
            font-size: 0.5625em; }
    .oxicarbox .beauty-ritual .important {
      position: relative;
      margin-bottom: 5.625em; }
      @media (max-width: 1024px) {
        .oxicarbox .beauty-ritual .important {
          margin-bottom: 7.1875em; } }
      @media (max-width: 576px) {
        .oxicarbox .beauty-ritual .important {
          margin-bottom: 3.4375em; } }
      .oxicarbox .beauty-ritual .important .important-title {
        font-family: 'ProximaNova-Bold';
        font-weight: 400;
        font-size: 5em;
        line-height: 1;
        text-transform: uppercase;
        color: #000000;
        margin-left: 5em;
        margin-bottom: 0.625em;
        display: inline-block; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .important .important-title {
            font-size: 2.5em;
            margin-left: 2.75em;
            margin-bottom: 0.75em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .important .important-title {
            font-size: 1.6875em;
            margin-left: 0.75em; } }
      .oxicarbox .beauty-ritual .important .separator {
        margin: 0 0 4.25em 25em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .important .separator {
            margin: 0 0 1.375em 7.0625em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .important .separator {
            margin: 0 0 1.5625em 3.375em; } }
        .oxicarbox .beauty-ritual .important .separator .dots {
          margin-right: 3.625em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .important .separator .dots {
              margin-right: 1.25em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .important .separator .dots {
              margin-right: 0.55625em; } }
        .oxicarbox .beauty-ritual .important .separator .dot {
          display: none;
          width: 2.1875em;
          height: 2.1875em;
          background: #A9E4FF;
          -webkit-border-radius: 50%;
                  border-radius: 50%; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .important .separator .dot {
              width: 1.375em;
              height: 1.375em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .important .separator .dot {
              display: block;
              width: 0.8125em;
              height: 0.8125em;
              margin-right: 0.21875em; } }
          .oxicarbox .beauty-ritual .important .separator .dot:nth-of-type(1) {
            display: block; }
        .oxicarbox .beauty-ritual .important .separator .line {
          width: 28.4375em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .important .separator .line {
              width: 31.4375em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .important .separator .line {
              width: 11.875em; } }
      .oxicarbox .beauty-ritual .important .description {
        font-size: 1.375em;
        line-height: 1;
        color: #000000;
        margin-bottom: 4.0625em;
        padding-left: 18.4375em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .important .description {
            font-size: 1em;
            line-height: 2.5;
            text-align: center;
            padding: 0;
            max-width: 34.0625em;
            margin: 0 auto 1.875em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .important .description {
            font-size: 0.875em;
            max-width: 20em;
            line-height: 1.9; } }
        .oxicarbox .beauty-ritual .important .description sub {
          font-size: 0.5625em; }
      .oxicarbox .beauty-ritual .important .row {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-bottom: 4.0625em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .important .row {
            margin-bottom: 1.375em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .important .row {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            margin-bottom: 1.0625em; } }
      .oxicarbox .beauty-ritual .important .video {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        top: 13.75em;
        width: 16.875em;
        height: 16.875em;
        background: #FADEE6; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .important .video {
            top: 5.625em;
            width: 6.375em;
            height: 6.375em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .important .video {
            left: auto;
            right: 0.6875em;
            top: 18.5em;
            width: 7.5625em;
            height: 7.5625em;
            -webkit-transform: none;
                -ms-transform: none;
                    transform: none; } }
      .oxicarbox .beauty-ritual .important .img-container {
        width: 50%;
        overflow: hidden; }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .important .img-container {
            width: 100%; } }
      .oxicarbox .beauty-ritual .important .img {
        width: 60em;
        height: 66.82688em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .important .img {
            width: 24em;
            height: 26.73062em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .important .img {
            width: 20em;
            height: 22.27563em; } }
        .oxicarbox .beauty-ritual .important .img.decrease {
          -webkit-transform: scale(1.4);
              -ms-transform: scale(1.4);
                  transform: scale(1.4);
          -webkit-transform-origin: bottom;
              -ms-transform-origin: bottom;
                  transform-origin: bottom;
          -webkit-transition: -webkit-transform 2s;
          transition: -webkit-transform 2s;
          -o-transition: transform 2s;
          transition: transform 2s;
          transition: transform 2s, -webkit-transform 2s; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .important .img.decrease {
              -webkit-transform: scale(1);
                  -ms-transform: scale(1);
                      transform: scale(1); } }
          .oxicarbox .beauty-ritual .important .img.decrease.active {
            -webkit-transform: scale(1);
                -ms-transform: scale(1);
                    transform: scale(1);
            -webkit-transition: -webkit-transform 2s;
            transition: -webkit-transform 2s;
            -o-transition: transform 2s;
            transition: transform 2s;
            transition: transform 2s, -webkit-transform 2s; }
      .oxicarbox .beauty-ritual .important .effect {
        font-size: 1.125em;
        line-height: 1;
        color: #000000;
        text-align: center;
        padding-right: 1.6875em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .important .effect {
            font-size: 1em;
            line-height: 2.5;
            padding-right: 0;
            max-width: 45.625em;
            margin: 0 auto; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .important .effect {
            font-size: 0.875em;
            max-width: 20em;
            line-height: 1.9; } }
        .oxicarbox .beauty-ritual .important .effect sub {
          font-size: 0.625em; }
    .oxicarbox .beauty-ritual .step3 {
      position: relative; }
      .oxicarbox .beauty-ritual .step3.animationDown .container video {
        -webkit-transition: right 2s;
        -o-transition: right 2s;
        transition: right 2s;
        right: 16.25em; }
      .oxicarbox .beauty-ritual .step3.animationDown .img {
        opacity: 0;
        -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
                transform: scale(0.9);
        -webkit-transition: opacity 1s 1s, -webkit-transform 1s 1s;
        transition: opacity 1s 1s, -webkit-transform 1s 1s;
        -o-transition: opacity 1s 1s, transform 1s 1s;
        transition: opacity 1s 1s, transform 1s 1s;
        transition: opacity 1s 1s, transform 1s 1s, -webkit-transform 1s 1s; }
      .oxicarbox .beauty-ritual .step3 .container {
        position: relative;
        padding-right: 19.0625em;
        height: 60.9375em;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step3 .container {
            height: auto;
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -webkit-flex-direction: column-reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse;
            padding-right: 0em;
            padding-left: 12.75em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step3 .container {
            height: auto;
            padding-left: 0;
            padding-right: 0;
            margin-bottom: 0.9375em; } }
        .oxicarbox .beauty-ritual .step3 .container .scroll {
          position: absolute;
          left: 3.125em;
          top: 0.875em;
          font-family: 'ProximaNova-Semibold';
          font-weight: 400;
          font-size: 3.125em;
          line-height: 1;
          text-align: center;
          text-transform: uppercase;
          color: #D29FB6; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step3 .container .scroll {
              display: none; } }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step3 .container .swipe {
            width: 100%; } }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step3 .container .slick-slide {
            width: 35.1875em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step3 .container .slick-slide {
            width: 20em; } }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step3 .container .slick-slide:nth-of-type(1) {
            margin-right: -13.75em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step3 .container .slick-slide:nth-of-type(1) {
            margin-right: -4.375em; } }
        .oxicarbox .beauty-ritual .step3 .container .slide {
          display: -webkit-box !important;
          display: -webkit-flex !important;
          display: -ms-flexbox !important;
          display: flex !important; }
        .oxicarbox .beauty-ritual .step3 .container .slick-list.draggable {
          padding: 0 !important; }
        .oxicarbox .beauty-ritual .step3 .container .slick-prev, .oxicarbox .beauty-ritual .step3 .container .slick-next {
          display: none !important; }
        .oxicarbox .beauty-ritual .step3 .container video {
          -webkit-transition: right 2s;
          -o-transition: right 2s;
          transition: right 2s;
          position: absolute;
          right: -31.25em;
          top: 0;
          width: 48.75em;
          height: 60.9375em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step3 .container video {
              position: static;
              margin-left: auto;
              margin-right: 0;
              width: 27.375em;
              height: 34.25em;
              right: -22.0625em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step3 .container video {
              width: 16.875em;
              height: 21.13em;
              right: -15.9375em; } }
        .oxicarbox .beauty-ritual .step3 .container .img {
          -webkit-transition: opacity 1s 1s, -webkit-transform 1s 1s;
          transition: opacity 1s 1s, -webkit-transform 1s 1s;
          -o-transition: opacity 1s 1s, transform 1s 1s;
          transition: opacity 1s 1s, transform 1s 1s;
          transition: opacity 1s 1s, transform 1s 1s, -webkit-transform 1s 1s;
          width: 46.24375em;
          height: 60.9375em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step3 .container .img {
              width: 28.375em;
              height: 34.25em;
              margin-bottom: 1.875em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step3 .container .img {
              width: 17.5625em;
              height: 21.13em;
              margin-bottom: 1.0625em; } }
        .oxicarbox .beauty-ritual .step3 .container .pagination {
          margin-bottom: 1.875em; }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step3 .container .pagination {
              margin-left: 1.25em;
              margin-bottom: 1.25em; } }
        .oxicarbox .beauty-ritual .step3 .container .text-container {
          position: relative;
          z-index: 2;
          margin-top: 18.125em;
          margin-right: 5.9375em;
          width: 35.625em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step3 .container .text-container {
              margin-top: 0;
              width: 28.125em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step3 .container .text-container {
              width: 100%;
              padding: 0 1.25em; } }
        .oxicarbox .beauty-ritual .step3 .container .step-title {
          position: relative;
          z-index: 4;
          padding-left: 3.5625em;
          margin-bottom: 0.21875em;
          white-space: nowrap; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step3 .container .step-title {
              position: absolute;
              z-index: 2;
              padding-left: 0;
              left: -1.3125em;
              top: -9.5em;
              margin-bottom: 0; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step3 .container .step-title {
              left: 0.625em;
              padding-left: 0;
              top: -14.6875em; } }
          .oxicarbox .beauty-ritual .step3 .container .step-title .number {
            font-family: 'Scada-Regular';
            font-weight: 700;
            font-size: 0.9175em;
            padding-left: 0.0625em; }
            @media (max-width: 1024px) {
              .oxicarbox .beauty-ritual .step3 .container .step-title .number {
                font-size: 0.97188em;
                padding-left: 0em; } }
        .oxicarbox .beauty-ritual .step3 .container .subtitle {
          font-weight: 400;
          font-size: 2.125em;
          line-height: 1;
          text-transform: uppercase;
          color: #231F3A;
          padding-left: 2.8125em;
          margin-bottom: 1.25em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step3 .container .subtitle {
              font-size: 1.5em;
              padding-left: 0;
              margin-left: -4em;
              margin-bottom: 1.125em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step3 .container .subtitle {
              font-size: 1.25em;
              text-align: left;
              margin-bottom: 0.625em;
              margin-left: 0; } }
        .oxicarbox .beauty-ritual .step3 .container .text {
          font-size: 1.125em;
          line-height: 2.25;
          color: #000000;
          padding-left: 5.3125em;
          margin-bottom: 0.9375em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step3 .container .text {
              font-size: 1em;
              line-height: 2.4;
              padding-left: 0;
              margin-bottom: 1em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step3 .container .text {
              font-size: 0.875em;
              line-height: 1.9;
              margin-bottom: 0.4375em;
              margin-left: 0; } }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step3 .container .text:nth-last-of-type(1) {
              margin-bottom: 0em; } }
        .oxicarbox .beauty-ritual .step3 .container .dots {
          position: absolute;
          right: 13.4375em;
          top: 24.6875em;
          z-index: 3;
          width: 10.75em;
          height: 17.1875em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step3 .container .dots {
              width: 7.12563em;
              height: 11.45625em;
              right: 31.9375em;
              top: 18.875em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step3 .container .dots {
              display: none; } }
      .oxicarbox .beauty-ritual .step3 .instruction {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding-right: 20em;
        padding-top: 0.8125em; }
        @media (max-width: 1024px) {
          .oxicarbox .beauty-ritual .step3 .instruction {
            padding-top: 0.625em;
            padding-right: 7.1875em; } }
        @media (max-width: 576px) {
          .oxicarbox .beauty-ritual .step3 .instruction {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            padding: 0; } }
        .oxicarbox .beauty-ritual .step3 .instruction .icon {
          width: 10.935em;
          height: 14.05188em;
          margin-right: 1.40875em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step3 .instruction .icon {
              width: 8.795em;
              height: 11.30188em;
              margin-right: 0.9375em; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step3 .instruction .icon {
              margin-right: 0; } }
        .oxicarbox .beauty-ritual .step3 .instruction .text {
          font-size: 1.125em;
          line-height: 2.3;
          color: #000000;
          max-width: 29.375em;
          padding-top: 0.8125em; }
          @media (max-width: 1024px) {
            .oxicarbox .beauty-ritual .step3 .instruction .text {
              font-size: 1em;
              max-width: 28.125em;
              padding-top: 1.625em;
              line-height: 2.4; } }
          @media (max-width: 576px) {
            .oxicarbox .beauty-ritual .step3 .instruction .text {
              text-align: center;
              font-size: 0.875em;
              max-width: 20em;
              line-height: 1.9;
              padding-top: 1em; } }
  .oxicarbox .video {
    margin-bottom: 5.625em; }
    @media (max-width: 1024px) {
      .oxicarbox .video {
        margin-bottom: 4.0625em; } }
    @media (max-width: 576px) {
      .oxicarbox .video {
        margin-bottom: 1.0625em; } }
    .oxicarbox .video .video-wrap {
      position: relative;
      width: 81.8125em;
      height: 46em;
      margin: 0 auto;
      overflow: hidden;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: #F1C4D8; }
      @media (max-width: 1024px) {
        .oxicarbox .video .video-wrap {
          width: 45.875em;
          height: 25.8125em; } }
      @media (max-width: 576px) {
        .oxicarbox .video .video-wrap {
          width: 19.3275em;
          height: 10.875em; } }
      .oxicarbox .video .video-wrap .overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        background: url("https://img.youtube.com/vi/QA8qihFmMGQ/maxresdefault.jpg") no-repeat -1px top/cover; }
      .oxicarbox .video .video-wrap .btn {
        position: absolute;
        z-index: 2;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 9.10437em;
        height: 9.10437em;
        background: rgba(255, 255, 255, 0.5);
        -webkit-border-radius: 50%;
                border-radius: 50%;
        cursor: pointer;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s; }
        @media (max-width: 1024px) {
          .oxicarbox .video .video-wrap .btn {
            width: 5.11em;
            height: 5.11em; } }
        @media (max-width: 576px) {
          .oxicarbox .video .video-wrap .btn {
            width: 2.15313em;
            height: 2.15313em; } }
        .oxicarbox .video .video-wrap .btn:hover {
          -webkit-transform: translate(-50%, -50%) scale(1.05);
              -ms-transform: translate(-50%, -50%) scale(1.05);
                  transform: translate(-50%, -50%) scale(1.05);
          -webkit-transition: -webkit-transform 0.3s;
          transition: -webkit-transform 0.3s;
          -o-transition: transform 0.3s;
          transition: transform 0.3s;
          transition: transform 0.3s, -webkit-transform 0.3s; }
        .oxicarbox .video .video-wrap .btn::after {
          content: "";
          position: absolute;
          left: 55%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          width: 0;
          height: 0;
          border-top: 1.5625em solid transparent;
          border-left: 2.625em solid #A9E4FF;
          border-bottom: 1.5625em solid transparent; }
          @media (max-width: 1024px) {
            .oxicarbox .video .video-wrap .btn::after {
              border-top: 0.875em solid transparent;
              border-left: 1.5em solid #A9E4FF;
              border-bottom: 0.875em solid transparent; } }
          @media (max-width: 576px) {
            .oxicarbox .video .video-wrap .btn::after {
              border-top: 0.375em solid transparent;
              border-left: 0.625em solid #A9E4FF;
              border-bottom: 0.375em solid transparent; } }
      .oxicarbox .video .video-wrap iframe {
        width: 100%;
        height: 100%; }
  .oxicarbox .buy-cream {
    position: relative;
    z-index: 1;
    background: #F8F5FF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 6.875em 19.0625em 7.375em; }
    @media (max-width: 1024px) {
      .oxicarbox .buy-cream {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 4.6875em 0em 7.375em; } }
    @media (max-width: 576px) {
      .oxicarbox .buy-cream {
        padding: 1.875em 0em 7.375em; } }
    .oxicarbox .buy-cream .group {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      margin-right: 7.25em; }
      @media (max-width: 1024px) {
        .oxicarbox .buy-cream .group {
          margin-right: 0; } }
      .oxicarbox .buy-cream .group.group-1 {
        width: 46.25em; }
        @media (max-width: 1024px) {
          .oxicarbox .buy-cream .group.group-1 {
            margin-bottom: 5.1875em; } }
        @media (max-width: 576px) {
          .oxicarbox .buy-cream .group.group-1 {
            width: 100%;
            margin-bottom: 2.8125em; } }
        .oxicarbox .buy-cream .group.group-1::after {
          content: '';
          position: absolute;
          width: 100%;
          height: 23.9375em;
          left: 0;
          top: 20.9375em;
          background: #78C7EC; }
          @media (max-width: 1024px) {
            .oxicarbox .buy-cream .group.group-1::after {
              top: 19.6875em; } }
          @media (max-width: 576px) {
            .oxicarbox .buy-cream .group.group-1::after {
              height: 10.875em;
              top: 8.4375em; } }
        @media (max-width: 576px) {
          .oxicarbox .buy-cream .group.group-1 .description {
            display: none; } }
        .oxicarbox .buy-cream .group.group-1 .description-tablet {
          display: none; }
          @media (max-width: 576px) {
            .oxicarbox .buy-cream .group.group-1 .description-tablet {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-align: center;
              -webkit-align-items: center;
                  -ms-flex-align: center;
                      align-items: center; } }
          @media (max-width: 576px) {
            .oxicarbox .buy-cream .group.group-1 .description-tablet .description {
              display: block; } }
      .oxicarbox .buy-cream .group.group-2 {
        width: 28.4375em; }
        @media (max-width: 576px) {
          .oxicarbox .buy-cream .group.group-2 {
            width: 100%; } }
        .oxicarbox .buy-cream .group.group-2::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 24.5em;
          left: 0;
          top: 20.3125em;
          background: #EC90E5;
          z-index: 1; }
          @media (max-width: 1024px) {
            .oxicarbox .buy-cream .group.group-2::after {
              width: 22.5em;
              height: 24.5em;
              top: 19.375em;
              left: 50%;
              -webkit-transform: translateX(-50%);
                  -ms-transform: translateX(-50%);
                      transform: translateX(-50%); } }
          @media (max-width: 576px) {
            .oxicarbox .buy-cream .group.group-2::after {
              top: 8.4375em;
              width: 11.125em;
              height: 10.875em; } }
      .oxicarbox .buy-cream .group .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start; }
    .oxicarbox .buy-cream .step {
      position: relative;
      z-index: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .oxicarbox .buy-cream .step.step-1 .step-title {
        padding-left: 0.8125em; }
        @media (max-width: 1024px) {
          .oxicarbox .buy-cream .step.step-1 .step-title {
            padding-left: 0.9375em; } }
        @media (max-width: 576px) {
          .oxicarbox .buy-cream .step.step-1 .step-title {
            padding-left: 0em;
            margin-bottom: -0.3125em; } }
      @media (max-width: 576px) {
        .oxicarbox .buy-cream .step.step-1 .img {
          width: 8.75em;
          height: 15.1875em;
          margin-left: -2.5em; } }
      .oxicarbox .buy-cream .step.step-1 .name {
        padding-left: 1.5em; }
        @media (max-width: 576px) {
          .oxicarbox .buy-cream .step.step-1 .name {
            padding-left: 0; } }
      .oxicarbox .buy-cream .step.step-1 .description {
        padding: 0 1.25em 0 5em; }
      @media (max-width: 1024px) {
        .oxicarbox .buy-cream .step.step-2 .step-title {
          padding-right: 0.3125em; } }
      @media (max-width: 576px) {
        .oxicarbox .buy-cream .step.step-2 .step-title {
          margin-bottom: -0.3125em; } }
      @media (max-width: 576px) {
        .oxicarbox .buy-cream .step.step-2 .img {
          margin-left: -1.4375em;
          width: 9.0625em;
          height: 15.1875em; } }
      .oxicarbox .buy-cream .step.step-2 .name {
        margin-left: -0.625em; }
        @media (max-width: 1024px) {
          .oxicarbox .buy-cream .step.step-2 .name {
            margin-left: 0; } }
      .oxicarbox .buy-cream .step.step-2 .description {
        padding: 0 3.125em 0 1.875em; }
      @media (max-width: 576px) {
        .oxicarbox .buy-cream .step.step-3 .step-title {
          margin-left: -0.3125em;
          margin-bottom: -0.3125em; } }
      @media (max-width: 576px) {
        .oxicarbox .buy-cream .step.step-3 .img {
          width: 9.0625em;
          height: 15.375em;
          margin-bottom: 0;
          margin-left: -1.9375em; } }
    .oxicarbox .buy-cream .step-title {
      font-family: 'ProximaNova-Bold';
      font-weight: 400;
      font-size: 3.75em;
      line-height: 1;
      text-align: center;
      text-transform: uppercase;
      color: #E1DEE8;
      margin-bottom: 0.3125em; }
      @media (max-width: 1024px) {
        .oxicarbox .buy-cream .step-title {
          margin-bottom: 0em; } }
      @media (max-width: 576px) {
        .oxicarbox .buy-cream .step-title {
          font-size: 1.6875em; } }
      .oxicarbox .buy-cream .step-title .number {
        font-family: 'Scada-Regular';
        font-weight: 700;
        font-size: 0.91875em; }
    .oxicarbox .buy-cream .name {
      font-family: 'ProximaNova-Bold';
      font-style: normal;
      font-weight: 400;
      font-size: 1.875em;
      line-height: 1.3;
      text-align: center;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-bottom: 1.875em;
      max-width: 10.625em; }
      @media (max-width: 576px) {
        .oxicarbox .buy-cream .name {
          font-size: 0.875em;
          margin-bottom: 1.875em; } }
      .oxicarbox .buy-cream .name sub {
        font-size: 0.625em; }
    .oxicarbox .buy-cream .img {
      width: 19.5625em;
      height: 33.75em;
      margin-bottom: -0.75em; }
      @media (max-width: 1024px) {
        .oxicarbox .buy-cream .img {
          margin-bottom: -0.625em; } }
      @media (max-width: 576px) {
        .oxicarbox .buy-cream .img {
          width: 7.5em;
          height: 14em;
          margin-bottom: 0; } }
      .oxicarbox .buy-cream .img.mask {
        margin-left: -3.4375em; }
      .oxicarbox .buy-cream .img.gel {
        margin-left: -4.6875em; }
    .oxicarbox .buy-cream .description {
      font-size: 1em;
      line-height: 1.9;
      text-align: center;
      color: #000000;
      padding: 0 3.125em;
      margin-bottom: 1.875em; }
      @media (max-width: 576px) {
        .oxicarbox .buy-cream .description {
          font-size: 0.8125em;
          padding: 0 1.4375em;
          line-height: 2.25;
          margin-bottom: 0.9375em; } }
      .oxicarbox .buy-cream .description sub {
        font-size: 0.625em; }
    .oxicarbox .buy-cream .code {
      font-family: 'ProximaNova-Semibold';
      font-weight: 400;
      font-size: 1em;
      line-height: 1;
      text-align: center;
      color: #000000;
      margin-bottom: 1.875em; }
      @media (max-width: 576px) {
        .oxicarbox .buy-cream .code {
          margin-bottom: 2.3125em; } }
    .oxicarbox .buy-cream .btn {
      position: relative;
      width: 13.125em;
      height: 3.5em;
      padding-left: 3.25em;
      background: #282948;
      font-family: 'ProximaNova-Bold';
      font-style: normal;
      font-weight: 400;
      font-size: 1.25em;
      line-height: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      color: #FFFFFF;
      -webkit-transition: background 0.3s;
      -o-transition: background 0.3s;
      transition: background 0.3s; }
      @media (max-width: 1024px) {
        .oxicarbox .buy-cream .btn {
          width: 18.125em;
          padding-left: 4.5625em; } }
      @media (max-width: 576px) {
        .oxicarbox .buy-cream .btn {
          width: 13.4375em;
          height: 2.8125em;
          padding-left: 3.4375em; } }
      .oxicarbox .buy-cream .btn:hover {
        -webkit-transition: background 0.3s;
        -o-transition: background 0.3s;
        transition: background 0.3s;
        background: #353772; }
      .oxicarbox .buy-cream .btn::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
                box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
        width: 80%;
        height: 90%; }
      .oxicarbox .buy-cream .btn::after {
        content: "";
        position: absolute;
        right: 3.4375em;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 1.5625em;
        height: 0.8125em;
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyOSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4LjUxMzYgOC42MzcyOEMyOC45MDQxIDguMjQ2NzYgMjguOTA0MSA3LjYxMzU5IDI4LjUxMzYgNy4yMjMwN0wyMi4xNDk2IDAuODU5MTA3QzIxLjc1OTEgMC40Njg1ODIgMjEuMTI1OSAwLjQ2ODU4MiAyMC43MzU0IDAuODU5MTA3QzIwLjM0NDkgMS4yNDk2MyAyMC4zNDQ5IDEuODgyOCAyMC43MzU0IDIuMjczMzJMMjYuMzkyMiA3LjkzMDE3TDIwLjczNTQgMTMuNTg3QzIwLjM0NDkgMTMuOTc3NiAyMC4zNDQ5IDE0LjYxMDcgMjAuNzM1NCAxNS4wMDEyQzIxLjEyNTkgMTUuMzkxOCAyMS43NTkxIDE1LjM5MTggMjIuMTQ5NiAxNS4wMDEyTDI4LjUxMzYgOC42MzcyOFpNMC41OTk4ODQgOC45MzAxOEwyNy44MDY0IDguOTMwMTdMMjcuODA2NCA2LjkzMDE3TDAuNTk5ODg0IDYuOTMwMThMMC41OTk4ODQgOC45MzAxOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=") no-repeat center center/contain; }
        @media (max-width: 1024px) {
          .oxicarbox .buy-cream .btn::after {
            right: 5em;
            width: 1.6875em;
            height: 0.9375em; } }
        @media (max-width: 576px) {
          .oxicarbox .buy-cream .btn::after {
            right: 3.75em; } }
  .oxicarbox .fade-in {
    opacity: 0;
    -webkit-transform: matrix(1.3, 0, 0, 1.3, 0, 0);
        -ms-transform: matrix(1.3, 0, 0, 1.3, 0, 0);
            transform: matrix(1.3, 0, 0, 1.3, 0, 0);
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s; }
    @media (max-width: 1024px) {
      .oxicarbox .fade-in {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        opacity: 1; } }
    .oxicarbox .fade-in.active {
      opacity: 1;
      -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          -ms-transform: matrix(1, 0, 0, 1, 0, 0);
              transform: matrix(1, 0, 0, 1, 0, 0); }