/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
html,
body {
  height: 100%; }

@media (max-width: 1440px) {
  html {
    font-size: -webkit-calc(100vw / 90);
    font-size: calc(100vw / 90); } }

body {
  font-family: 'Roboto-Regular'; }

.container {
  width: 78.75rem;
  margin: 0 auto; }

.layout {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }

.header {
  position: fixed;
  z-index: 25;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  height: 5.625rem;
  overflow: hidden; }
  .header-logo {
    width: 9rem;
    height: 5.875rem;
    background: url("../images/logo.svg?v=0549c448") no-repeat center top/cover;
    margin-top: 0.25rem; }
  .header-btn {
    background: #B63339;
    -webkit-border-radius: 3.125rem;
            border-radius: 3.125rem;
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    text-align: right;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 7.125rem;
    height: 2.625rem;
    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;
    margin-right: 0.625rem;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .header-btn:hover {
      color: #fff;
      opacity: 0.8; }
    .header-btn:focus {
      color: #fff; }
  .header-container {
    max-width: 83.75rem;
    margin: 0 auto;
    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: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .header .menu {
    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; }
    .header .menu-list {
      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;
      padding-left: 1.0625rem; }
    .header .menu-item {
      list-style: none;
      margin-right: 1.25rem; }
      .header .menu-item:nth-last-of-type(1) {
        margin-right: 0; }
    .header .menu-link {
      font-family: 'Roboto-Medium';
      font-size: 1.125rem;
      color: #3683C2;
      padding: 0.6875rem;
      -webkit-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s; }
      .header .menu-link:hover {
        opacity: 0.8; }

.main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.footer {
  padding: 1.5rem 0 1.6875rem 0; }
  .footer-container {
    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: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .footer-logo {
    display: block;
    width: 5.38438rem;
    height: 2.43125rem;
    background: url("../images/silver-logo.svg?v=cec5be52") no-repeat center top/cover;
    margin-right: -2.1875rem; }
  .footer .company {
    margin-right: 2.1875rem;
    padding-top: 0.625rem; }
    .footer .company-name {
      font-size: 0.6875rem;
      line-height: 1.0625rem;
      letter-spacing: 0.00625rem;
      color: #828282;
      margin-bottom: -0.5rem; }
    .footer .company-email {
      font-size: 0.6875rem;
      line-height: 1.0625rem;
      letter-spacing: 0.00625rem;
      color: #828282; }
  .footer-link {
    font-family: 'Roboto-Bold';
    font-size: 0.6875rem;
    line-height: 1.1875rem;
    letter-spacing: 0.00625rem;
    color: #3683C2; }
  .footer .developer {
    padding-bottom: 0.3125rem; }
    .footer .developer-text {
      font-size: 0.6875rem;
      line-height: 1.2;
      letter-spacing: 0.00625rem;
      color: #828282; }
    .footer .developer-logo {
      background: url("../images/CATZWOLF.svg?v=db298be5") no-repeat center center/contain;
      width: 9.25rem;
      height: 0.6875rem; }
  .footer .social {
    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 0 -2.5rem; }
    .footer .social-item {
      list-style: none;
      margin-right: 1.1875rem; }
      .footer .social-item:nth-last-of-type(1) {
        margin-right: 0; }
    .footer .social-link {
      display: block; }
      .footer .social-link.vk {
        width: 2.75rem;
        height: 2.25rem;
        background: url("../images/vk.svg?v=16f0acc7") no-repeat center center/contain; }
      .footer .social-link.instagram {
        width: 2.125rem;
        height: 2.0625rem;
        background: url("../images/instagram.svg?v=4ad0fde2") no-repeat center center/contain; }

@font-face {
  font-family: 'Roboto-Bold';
  font-display: swap;
  src: url("../fonts/Roboto-Bold.woff?v=08cb8f79") format("woff"); }

@font-face {
  font-family: 'Roboto-Medium';
  font-display: swap;
  src: url("../fonts/Roboto-Medium.woff?v=9a3bf7ac") format("woff"); }

@font-face {
  font-family: 'Roboto-Regular';
  font-display: swap;
  src: url("../fonts/Roboto-Regular.woff?v=94dac78e") format("woff"); }

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

@font-face {
  font-family: 'Geometria';
  font-display: swap;
  src: url("../fonts/Geometria.woff?v=3c6a7d3a") format("woff"); }

.banner {
  position: relative;
  overflow: hidden;
  min-height: 56.25rem;
  background: -webkit-radial-gradient(26.72% 61.56%, 35.11% 39.85%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #D3E6F2;
  background: -o-radial-gradient(26.72% 61.56%, 35.11% 39.85%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #D3E6F2;
  background: radial-gradient(35.11% 39.85% at 26.72% 61.56%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #D3E6F2;
  pointer-events: auto !important; }
  .banner-container {
    position: relative;
    min-height: 56.25rem; }
  .banner-content {
    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: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: absolute;
    max-width: 21.875rem;
    right: 9.6875rem;
    top: 21.625rem; }
  .banner-link {
    width: 18rem;
    height: 3.875rem;
    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;
    font-size: 1.25rem;
    line-height: 1;
    text-align: center;
    color: #3683C2;
    background: #FFFFFF;
    -webkit-border-radius: 3.125rem;
            border-radius: 3.125rem;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .banner-link:hover {
      opacity: 0.8; }
  .banner-img {
    width: 48.0625rem;
    height: auto;
    position: absolute;
    left: -3.4375rem;
    top: 13.625rem; }
  .banner-title {
    font-family: 'Aeroport-Bold';
    font-size: 3.125rem;
    line-height: 1.1;
    color: #3683C2;
    margin-bottom: 2.1875rem; }
  .banner-raspberry1 {
    width: 4.6875rem;
    height: auto;
    position: absolute;
    left: 4.0625rem;
    top: 8.5625rem; }
  .banner-raspberry2 {
    width: 8.4375rem;
    height: auto;
    position: absolute;
    left: 36.5625rem;
    top: 10.8125rem; }
  .banner-lemon1 {
    width: 25rem;
    height: auto;
    position: absolute;
    right: -4.6875rem;
    top: 1.25rem; }
  .banner-lemon2 {
    width: 17.8125rem;
    height: 13.5625rem;
    position: absolute;
    left: 15.625rem;
    bottom: -1.25rem; }
  .banner-ice {
    width: 25rem;
    height: 25rem;
    position: absolute;
    right: 1.875rem;
    bottom: -9.0625rem; }

.mood {
  height: 50.625rem; }
  .mood .swiper-container {
    height: 100%; }
  .mood .swiper-slide {
    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;
    overflow: hidden; }
    .mood .swiper-slide.lemon {
      background: #F4FBAB; }
      .mood .swiper-slide.lemon .mood-text {
        max-width: 40.625rem; }
    .mood .swiper-slide.raspberry {
      background: #FFB6C8; }
      .mood .swiper-slide.raspberry .mood-text {
        max-width: 32.8125rem; }
  .mood .swiper-button-next {
    width: 5rem;
    height: 20.5rem;
    background: url("../images/arrow.svg?v=3a7d219f") no-repeat center center/contain;
    margin-top: 0;
    right: 0;
    -webkit-transform: translateY(-62%) rotate(180deg);
        -ms-transform: translateY(-62%) rotate(180deg);
            transform: translateY(-62%) rotate(180deg);
    outline: none; }
  .mood .swiper-button-prev {
    width: 5rem;
    height: 20.5rem;
    background: url("../images/arrow.svg?v=3a7d219f") no-repeat center center/contain;
    margin-top: 0;
    left: 0;
    -webkit-transform: translateY(-62%);
        -ms-transform: translateY(-62%);
            transform: translateY(-62%);
    outline: none; }
  .mood-raspberry-img {
    width: 66.9375rem;
    height: auto;
    margin-bottom: -5.9375rem; }
  .mood-lemon-img {
    width: 64.75rem;
    height: auto;
    margin-bottom: -6.25rem; }
  .mood-title {
    font-family: 'Aeroport-Bold';
    font-size: 3.125rem;
    line-height: 1.2;
    text-align: center;
    color: #3683C2;
    margin-bottom: 1.125rem; }
  .mood-text {
    font-size: 1.125rem;
    line-height: 1.25;
    text-align: center;
    color: #3683C2; }
  .mood .lemon-circle1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 1129.1px;
    height: 1149.01px;
    -webkit-animation-name: rotation;
            animation-name: rotation;
    -webkit-animation-duration: 50s;
            animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  .mood .lemon-circle2 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 1591.31px;
    height: 1575.29px;
    -webkit-animation-name: rotation;
            animation-name: rotation;
    animation-direction: reverse;
    -webkit-animation-duration: 50s;
            animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  .mood .raspberry-circle1 {
    position: absolute;
    left: 50%;
    top: 45%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 78.93375rem;
    height: 80.08437rem;
    -webkit-animation-name: rotation;
            animation-name: rotation;
    -webkit-animation-duration: 50s;
            animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  .mood .raspberry-circle2 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 105.37rem;
    height: 100.40625rem;
    -webkit-animation-name: rotation;
            animation-name: rotation;
    animation-direction: reverse;
    -webkit-animation-duration: 50s;
            animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }

.products {
  height: 50.625rem; }
  .products-container {
    position: relative;
    height: 50.625rem; }
  .products .swiper-container {
    height: 100%; }
  .products .swiper-slide {
    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; }
    .products .swiper-slide.lemon {
      background: #C0FACD; }
      .products .swiper-slide.lemon .products-img {
        width: 70.8125rem;
        position: absolute;
        left: 7.5rem;
        top: 0; }
      .products .swiper-slide.lemon .information {
        position: absolute;
        right: 3.4375rem;
        top: 14.0625rem;
        background: url("../images/lemon-information.svg?v=ad4e0351") no-repeat center center/contain;
        width: 15.25rem;
        height: 21.5625rem; }
      .products .swiper-slide.lemon .description-text {
        padding: 0 5rem; }
    .products .swiper-slide.raspberry {
      background: #FFC6BA; }
      .products .swiper-slide.raspberry .mood-text {
        max-width: 32.8125rem; }
      .products .swiper-slide.raspberry .products-img {
        width: 62.875rem;
        position: absolute;
        left: 8.125rem;
        top: 0; }
      .products .swiper-slide.raspberry .information {
        position: absolute;
        right: 3.4375rem;
        top: 14.0625rem;
        background: url("../images/raspberry-information.svg?v=78cb986b") no-repeat center center/contain;
        width: 15.25rem;
        height: 21.5625rem; }
      .products .swiper-slide.raspberry .description-text {
        padding: 0 5.625rem; }
  .products .swiper-button-next {
    width: 5rem;
    height: 20.5rem;
    background: url("../images/arrow.svg?v=3a7d219f") no-repeat center center/contain;
    margin-top: 0;
    right: 0;
    -webkit-transform: translateY(-62%) rotate(180deg);
        -ms-transform: translateY(-62%) rotate(180deg);
            transform: translateY(-62%) rotate(180deg);
    outline: none; }
  .products .swiper-button-prev {
    width: 5rem;
    height: 20.5rem;
    background: url("../images/arrow.svg?v=3a7d219f") no-repeat center center/contain;
    margin-top: 0;
    left: 0;
    -webkit-transform: translateY(-62%);
        -ms-transform: translateY(-62%);
            transform: translateY(-62%);
    outline: none; }
  .products .description {
    width: 25.9375rem;
    position: absolute;
    z-index: 1;
    left: -0.625rem;
    top: 12.375rem;
    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; }
    .products .description-title {
      font-family: 'Aeroport-Bold';
      font-size: 2.625rem;
      line-height: 1.2;
      text-align: center;
      color: #3683C2;
      margin-bottom: 1.875rem; }
    .products .description-volume {
      font-size: 0.75rem;
      line-height: 1.2;
      text-align: center;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: #3683C2;
      margin-bottom: 1.3125rem; }
    .products .description-text {
      font-size: 0.875rem;
      line-height: 1.4;
      text-align: center;
      color: #3683C2;
      margin-bottom: 1.875rem; }
    .products .description-btn {
      font-family: 'Roboto-Medium';
      font-size: 0.875rem;
      line-height: 1.2;
      text-align: right;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #3683C2;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center;
      margin: 0.625rem 0;
      width: 10.5625rem;
      height: 3.375rem;
      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: #FFFFFF;
      -webkit-border-radius: 3.125rem;
              border-radius: 3.125rem; }
  .products .advantages {
    margin: 0 0 1.875rem 0;
    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; }
    .products .advantages-item {
      width: 4.625rem;
      margin-right: 1.25rem;
      list-style: none;
      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; }
      .products .advantages-item:nth-last-of-type(1) {
        margin-right: 0; }
    .products .advantages-icon {
      margin-bottom: 0.625rem; }
      .products .advantages-icon.calories {
        width: 1.80062rem;
        height: 2.49313rem;
        background: url("../images/calories-icon.svg?v=76ee7498") no-repeat center center/contain; }
      .products .advantages-icon.sugar {
        width: 2.25rem;
        height: 2.25rem;
        background: url("../images/sugar-icon.svg?v=38f080bd") no-repeat center center/contain; }
      .products .advantages-icon.lemon {
        width: 2.625rem;
        height: 2.25rem;
        background: url("../images/lemon-icon.svg?v=493d461e") no-repeat center center/contain; }
      .products .advantages-icon.raspberry {
        width: 2.51313rem;
        height: 2.5rem;
        background: url("../images/raspberry-icon.svg?v=946bfc5e") no-repeat center center/contain; }
    .products .advantages-text {
      font-size: 0.875rem;
      line-height: 1;
      text-align: center;
      color: #3683C2; }
  .products .products-different {
    position: absolute;
    left: 33.9375rem;
    bottom: 2.75rem;
    font-family: 'Roboto-Bold';
    font-size: 0.875rem;
    line-height: 1.1;
    color: #3683C2;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 10.9375rem;
    padding-left: 3.75rem; }
    .products .products-different::after {
      content: '';
      position: absolute;
      left: 0.6875rem;
      top: -0.1875rem;
      background: url("../images/different-icon.svg?v=befd489f") no-repeat center center/contain;
      width: 2.025rem;
      height: 2.3rem; }

.infographics {
  position: relative;
  background: #E6F4FD;
  padding-top: 5.25rem;
  padding-bottom: 5rem;
  -webkit-box-shadow: 0 0.25rem 0.25rem rgba(54, 131, 194, 0.3);
          box-shadow: 0 0.25rem 0.25rem rgba(54, 131, 194, 0.3); }
  .infographics-container {
    position: relative;
    background-image: url("../images/infographics-line.svg?v=d0ef72e7");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
            background-size: contain; }
  .infographics-icon {
    display: block;
    width: 9.6875rem;
    height: 9.75rem;
    margin: 0 auto 1.125rem; }
  .infographics-title {
    font-family: 'Aeroport-Bold';
    font-size: 3.125rem;
    line-height: 1.3;
    text-align: center;
    color: #3683C2;
    max-width: 31.25rem;
    margin: 0 auto; }
  .infographics-subtitle {
    font-family: 'Roboto-Bold';
    font-size: 1.125rem;
    line-height: 1.3;
    color: #3683C2;
    margin-bottom: 0.75rem; }
  .infographics-list {
    margin: 0;
    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-left: 1.5625rem; }
  .infographics-item {
    list-style: none;
    position: relative;
    z-index: 2; }
    .infographics-item.approach {
      width: 16.125rem;
      margin-right: 1.875rem;
      margin-top: 1.25rem; }
      .infographics-item.approach .infographics-icon {
        background: url("../images/infographics-icon1.svg?v=b41230f5") no-repeat center center/contain;
        margin-left: 2.3125rem; }
    .infographics-item.quality-control {
      width: 16.625rem;
      margin-top: 11.5625rem;
      margin-right: 3.4375rem; }
      .infographics-item.quality-control .infographics-icon {
        background: url("../images/infographics-icon2.svg?v=7290620e") no-repeat center center/contain;
        margin-left: 2.9375rem; }
    .infographics-item.quality-requirements {
      width: 19.6875rem;
      margin-top: 3.3125rem;
      margin-right: 4.5625rem; }
      .infographics-item.quality-requirements .infographics-icon {
        background: url("../images/infographics-icon3.svg?v=e751e214") no-repeat center center/contain;
        margin-left: 3.75rem; }
    .infographics-item.for-daily-use {
      width: 15.1875rem;
      margin-top: 1.125rem; }
      .infographics-item.for-daily-use .infographics-icon {
        background: url("../images/infographics-icon4.svg?v=87217080") no-repeat center center/contain;
        margin-left: 1.25rem; }
  .infographics-text {
    font-size: 0.875rem;
    line-height: 1.3;
    color: #3683C2; }

.join-in {
  position: relative;
  overflow: hidden;
  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;
  padding-top: 3.4375rem;
  padding-bottom: 4.375rem;
  background: url("../images/join-in-line.svg?v=99e4c539") no-repeat center top/cover; }
  .join-in-title {
    font-family: 'Aeroport-Bold';
    font-size: 3.125rem;
    line-height: 1.2;
    text-align: center;
    color: #3683C2;
    margin-bottom: 1.6875rem; }
  .join-in-text {
    font-size: 1.125rem;
    line-height: 1.3;
    text-align: center;
    color: #3683C2;
    max-width: 40.625rem;
    margin: 0 auto 1.3125rem; }
  .join-in-btn {
    position: relative;
    z-index: 2;
    width: 9.9375rem;
    height: 3.375rem;
    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: #3683C2;
    -webkit-border-radius: 3.125rem;
            border-radius: 3.125rem;
    font-family: 'Roboto-Medium';
    font-size: 0.875rem;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 3.125rem;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .join-in-btn:hover {
      opacity: 0.8;
      color: #fff; }
  .join-in .tape {
    position: relative;
    z-index: 2;
    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-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
    margin-left: 0; }
    .join-in .tape-item {
      list-style: none;
      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: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      width: 20.78438rem;
      margin-right: 2.9275rem; }
      .join-in .tape-item:nth-last-of-type(1) {
        margin-right: 0; }
    .join-in .tape-img {
      width: 20.78438rem;
      height: 20.78438rem;
      -o-object-fit: cover;
         object-fit: cover;
      margin-bottom: 0.5rem; }
    .join-in .tape-bloggername {
      position: relative;
      font-size: 0.875rem;
      line-height: 1;
      color: #3683C2;
      padding-left: 1.25rem; }
      .join-in .tape-bloggername::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 1.02438rem;
        height: 0.95125rem;
        background: url("../images/instagram-icon.svg?v=3ba71939") no-repeat center center/contain; }

.buy {
  min-height: 45rem;
  background-color: #E6F4FD;
  background: url("../images/buy-bg.jpg?v=0d0257c5") no-repeat center center/cover; }
  .buy-container {
    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; }
  .buy .offline {
    width: 50%;
    padding-top: 5.9375rem;
    padding-right: 3.875rem;
    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; }
    .buy .offline-title {
      font-family: 'Aeroport-Bold';
      font-size: 2.5rem;
      line-height: 2.75rem;
      text-align: center;
      color: #FFFFFF;
      margin-bottom: 1rem; }
    .buy .offline-text {
      font-family: 'Geometria';
      font-size: 0.875rem;
      line-height: 1.3;
      text-align: center;
      color: #FFFFFF;
      max-width: 21.875rem;
      margin-bottom: 5.3125rem; }
  .buy .online {
    width: 50%;
    padding-top: 5.9375rem;
    padding-left: 7.9375rem;
    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; }
    .buy .online-title {
      font-family: 'Aeroport-Bold';
      font-size: 2.5rem;
      line-height: 2.75rem;
      text-align: center;
      color: #3683C2;
      margin-bottom: 1rem; }
    .buy .online-text {
      font-size: 0.875rem;
      line-height: 1.3;
      text-align: center;
      color: #3683C2;
      max-width: 20rem;
      margin-bottom: 5.3125rem; }
  .buy .score {
    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-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0;
    padding-left: 0.9375rem; }
    .buy .score-item {
      list-style: none;
      width: 14.1875rem;
      height: 4.8125rem;
      margin-right: 1.5rem;
      margin-bottom: 1.5rem;
      background: #FFFFFF;
      opacity: 0.7;
      -webkit-border-radius: 0.5rem;
              border-radius: 0.5rem;
      -webkit-transition: -webkit-transform 0.5s, -webkit-box-shadow 0.5s;
      transition: -webkit-transform 0.5s, -webkit-box-shadow 0.5s;
      -o-transition: transform 0.5s, box-shadow 0.5s;
      transition: transform 0.5s, box-shadow 0.5s;
      transition: transform 0.5s, box-shadow 0.5s, -webkit-transform 0.5s, -webkit-box-shadow 0.5s; }
      .buy .score-item:nth-of-type(2n) {
        margin-right: 0; }
      .buy .score-item:hover {
        opacity: 1;
        -webkit-transform: translateY(-0.625rem);
            -ms-transform: translateY(-0.625rem);
                transform: translateY(-0.625rem);
        -webkit-box-shadow: 0 1rem 2.75rem rgba(54, 131, 194, 0.3);
                box-shadow: 0 1rem 2.75rem rgba(54, 131, 194, 0.3); }
        .buy .score-item:hover .hover {
          opacity: 1; }
    .buy .score-link {
      position: relative;
      height: 100%;
      width: 100%;
      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; }
      .buy .score-link .hover {
        opacity: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s; }

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes rotation {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg); } }

@-webkit-keyframes tape {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); } }

@keyframes tape {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); } }

/*# sourceMappingURL=styles.min.css.map */