:root {
  --x: 300px;
  --y: 300px; }

@font-face {
  font-family: 'Agency';
  src: url("../fonts/agency_fb.ttf");
  src: url("../fonts/agency_fb.ttf") format("opentype");
  font-weight: 400;
  font-display: swap;
  font-style: normal; }

@keyframes c-rotation {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }

.c-black {
  color: #1A1A1A; }

.c-white {
  color: #fff; }

.c-gray2 {
  color: #B2B2B2; }

.c-orange {
  color: #F68132; }

.c-dgray {
  color: #262727; }

.bg-white {
  background: #fff; }

.bg-black {
  background: #1A1A1A; }

.bg-dgray {
  background: #262727; }

.subheading {
  font-family: "Teko";
  font-weight: 500;
  font-size: 3.854vw;
  line-height: 3.750vw;
  letter-spacing: 0.01em; }

.three-fishes {
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 9; }
  .three-fishes img {
    position: relative;
    z-index: 0;
    opacity: 0; }
  .three-fishes svg {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 90%;
    opacity: 0;
    pointer-events: none; }

@keyframes rotateP {
  from {
    transform: translate(-50%, -50%) rotate(0); }
  to {
    transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes rotateN {
  from {
    transform: translate(-50%, -50%) rotate(0); }
  to {
    transform: translate(-50%, -50%) rotate(-360deg); } }

@keyframes rotateP1 {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }

@keyframes rotateN1 {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(-360deg); } }

.container {
  position: relative;
  padding-left: 8.333vw;
  padding-right: 8.333vw; }
  .container_narrow {
    padding-left: 16.667vw;
    padding-right: 16.667vw; }

.c-img {
  display: block;
  width: 100%; }

.author-text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 3.889vw;
  line-height: 6.111vw;
  letter-spacing: 0.03em;
  text-transform: uppercase; }

.common-text {
  position: relative;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 3.889vw;
  line-height: 6.111vw;
  letter-spacing: 0.03em;
  margin-bottom: 0;
  margin-top: 0;
  z-index: 2; }
  .common-text-1 {
    font-size: 5vw;
    line-height: 7.500vw; }

.c-heading-5 {
  font-family: "Teko";
  font-style: normal;
  font-weight: 400;
  font-size: 9.444vw;
  line-height: 10.278vw;
  text-transform: uppercase; }

.c-heading-4 {
  font-family: "Teko";
  font-style: normal;
  font-weight: 300;
  font-size: 8.333vw;
  line-height: 9.167vw;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 8.333vw; }

.c-heading-2 {
  font-family: "Teko";
  font-style: normal;
  font-weight: 400;
  font-size: 12.222vw;
  line-height: 95%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin-bottom: 8.333vw; }

.c-heading-1 {
  font-family: "Teko";
  font-style: normal;
  font-weight: 400;
  font-size: 27.778vw;
  line-height: 30.556vw;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase; }
  .c-heading-1 .f-line {
    position: relative;
    display: block; }

.title360 {
  font-family: "Teko";
  font-style: normal;
  font-weight: 400;
  font-size: 9.444vw;
  line-height: 10.278vw;
  text-transform: uppercase; }

.pd-110 {
  padding-top: 30.556vw;
  padding-bottom: 30.556vw; }

.pd-90 {
  padding-top: 25vw;
  padding-bottom: 25vw; }

.pd-80 {
  padding-top: 22.222vw;
  padding-bottom: 22.222vw; }

.pdb-80 {
  padding-bottom: 22.222vw; }

.pdb-60 {
  padding-bottom: 16.667vw; }

.pdb-40 {
  padding-bottom: 11.111vw; }

.pdt-40 {
  padding-top: 11.111vw; }

.pdb-30 {
  padding-bottom: 8.333vw; }

.pdt-80 {
  padding-top: 22.222vw; }

.pd-40 {
  padding-top: 11.111vw;
  padding-bottom: 11.111vw; }

.pd-30 {
  padding-top: 8.333vw;
  padding-bottom: 8.333vw; }

.mb-120 {
  margin-bottom: 33.333vw; }

.mb-80 {
  margin-bottom: 22.222vw; }

.mt-80 {
  margin-top: 22.222vw; }

.mb-60 {
  margin-bottom: 16.667vw; }

.mb-40 {
  margin-bottom: 11.111vw; }

.mb-30 {
  margin-bottom: 8.333vw; }

.mb-20 {
  margin-bottom: 5.556vw; }

.mb-10 {
  margin-bottom: 2.778vw; }

.mg-80 {
  margin-top: 22.222vw;
  margin-bottom: 22.222vw; }

.mg-40 {
  margin-top: 11.111vw;
  margin-bottom: 11.111vw; }

html, body {
  position: relative;
  margin: 0;
  height: 100%; }
  @media (min-width: 1024px) {
    html.overflowed, body.overflowed {
      overflow: hidden; } }

@media (max-width: 1365px) {
  body {
    background: #262727; } }

#scroll {
  display: none; }
  @media (max-width: 1023px) {
    #scroll img {
      display: none; } }
  @media (min-width: 1024px) {
    #scroll {
      display: block; } }

.nav-btn {
  position: fixed;
  top: 50px;
  right: 50px;
  z-index: 998;
  display: flex;
  align-items: center;
  gap: 0 22px;
  filter: invert(0);
  mix-blend-mode: difference; }
  @media (max-width: 991px) {
    .nav-btn {
      display: none; } }
  .nav-btn .radio {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0 10px;
    min-width: 130px; }
    .nav-btn .radio span {
      font-family: "Agency";
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 17px;
      text-transform: uppercase;
      color: #FFFFFF; }
    .nav-btn .radio .stop {
      display: none; }
    .nav-btn .radio .play {
      display: block; }
  .nav-btn .nav-icon {
    cursor: pointer;
    width: 48px;
    height: 48px; }
    .nav-btn .nav-icon .inside {
      transform-origin: 50% 50%;
      transition: all .3s ease; }
  .nav-btn.active .inside {
    transform: rotate(180deg); }

#text {
  position: fixed;
  top: 10px;
  right: 20px;
  z-index: 99999; }

#menu {
  position: fixed;
  top: 10px;
  right: 60px;
  z-index: 99999; }

.nav {
  position: fixed;
  bottom: 50px;
  right: 200px;
  z-index: 999; }

#navigation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: #262727;
  overflow: hidden;
  opacity: 0;
  z-index: 9;
  pointer-events: none;
  transition: opacity .4s ease; }
  @media (max-width: 991px) {
    #navigation {
      display: none; } }
  #navigation.active {
    opacity: 1;
    pointer-events: auto; }
  #navigation .menu {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: -17px;
    overflow-y: scroll;
    padding-top: 40vh;
    padding-bottom: 40vh;
    width: 100%;
    height: 100%;
    padding-right: 17px;
    box-sizing: content-box;
    z-index: 9; }
  #navigation .menu-item {
    position: relative;
    padding-top: calc(20.073vh / 2);
    padding-bottom: calc(22.073vh / 2);
    color: transparent;
    font-family: "Teko";
    font-style: normal;
    font-weight: 300;
    font-size: 3.854vw;
    line-height: 3.750vw;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    transition: all .3s ease;
    max-width: 65.521vw;
    padding-left: 4.792vw;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    z-index: 3; }
    #navigation .menu-item:last-child {
      padding-bottom: 50vh; }
    #navigation .menu-item img {
      position: fixed;
      right: 0;
      bottom: 0;
      opacity: 0;
      pointer-events: none;
      transition: all .4s ease; }
      #navigation .menu-item img.img-label-1 {
        height: 63.241vh;
        bottom: 13.704vh;
        right: 0; }
      #navigation .menu-item img.img-label-2 {
        height: 62.870vh;
        bottom: 6.852vh;
        right: 8.148vh; }
      #navigation .menu-item img.img-label-3 {
        height: 63.704vh;
        bottom: 14.907vh;
        right: 0; }
      #navigation .menu-item img.img-label-4 {
        height: 67.593vh;
        right: 8.148vh;
        bottom: 12.685vh; }
      #navigation .menu-item img.img-label-5 {
        height: 79.167vh;
        right: 7.315vh;
        bottom: 6.852vh; }
      #navigation .menu-item img.img-label-6 {
        height: 57.222vh;
        right: 8.241vh;
        bottom: 13.611vh; }
      #navigation .menu-item img.img-label-7 {
        height: 72.963vh;
        right: 4.630vh;
        bottom: 13.611vh; }
      #navigation .menu-item img.img-label-8 {
        height: 46.852vh;
        right: 8.889vh;
        top: 50%;
        transform: translateY(-50%); }
      #navigation .menu-item img.img-label-9 {
        height: 60.370vh;
        right: 5.556vh;
        top: 50%;
        transform: translateY(-50%); }
      #navigation .menu-item img.img-label-10 {
        height: 73.148vh;
        right: 9.074vh;
        bottom: 8.611vh; }
      #navigation .menu-item img.img-label-11 {
        right: 6.389vh;
        bottom: 11.111vh;
        height: 72.315vh; }
      #navigation .menu-item img.img-label-12 {
        top: 50%;
        transform: translateY(-50%);
        height: 51.667vh; }
    #navigation .menu-item .m-text {
      position: relative;
      z-index: 5; }
    #navigation .menu-item .m-author {
      font-family: "Montserrat";
      -webkit-text-stroke-width: 0.03em;
      -webkit-text-stroke-color: #fff;
      font-style: normal;
      font-weight: 400;
      font-size: 17px;
      line-height: 31px;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: transparent; }
    #navigation .menu-item .counter {
      flex-basis: 16.146vw;
      flex-shrink: 0; }
      #navigation .menu-item .counter svg {
        height: 9.010vw;
        width: auto; }
        #navigation .menu-item .counter svg path {
          transition: all .3s ease; }
    #navigation .menu-item.active {
      z-index: 9;
      color: #fff;
      -webkit-text-stroke-width: 0; }
      #navigation .menu-item.active .m-text {
        z-index: 10; }
      #navigation .menu-item.active img {
        opacity: 1;
        z-index: 9; }
      #navigation .menu-item.active .m-author {
        color: #fff;
        -webkit-text-stroke-width: 0; }
      #navigation .menu-item.active svg path {
        fill: #fff; }
    #navigation .menu-item.active + div:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: linear-gradient(to bottom, #00000000 -10%, #262626 40%);
      height: 100%;
      width: 100%;
      pointer-events: none;
      z-index: 6; }
  #navigation:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(13.92deg, rgba(38, 39, 39, 0) 11.46%, #262727 91.63%);
    height: 13.542vw;
    pointer-events: none;
    z-index: 3; }
  #navigation .scale-counter {
    position: absolute;
    bottom: 50px;
    right: 50px;
    width: 85px;
    height: 85px;
    z-index: 10; }
    #navigation .scale-counter svg {
      width: 100%; }
      #navigation .scale-counter svg path {
        transition: all .3s ease; }
        #navigation .scale-counter svg path.active {
          fill: #2B53A4; }
  #navigation .text-counter {
    position: absolute;
    bottom: 27px;
    right: 15px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 31px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #fff; }
    #navigation .text-counter span {
      color: #2B53A4; }

.d-banner {
  display: none;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
  background: rgba(43, 83, 164, 0.95);
  padding-left: 12.073vw;
  color: #fff;
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  z-index: 999; }
  @media (max-width: 1023px) {
    .d-banner {
      display: none !important; } }
  .d-banner .close {
    position: absolute;
    top: 75px;
    right: 81px;
    width: 42px;
    height: 40px;
    background: url(../img/button-closed.svg) center/cover;
    cursor: pointer; }
  .d-banner h3 {
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 5.222vw;
    line-height: 5.064vw;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin: 0 0 1.837vw;
    max-width: 66.667vw; }
  .d-banner h1 {
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 8.499vw;
    line-height: 9.549vw;
    text-transform: uppercase;
    margin: 0; }
  .d-banner p {
    max-width: 53.123vw;
    margin-bottom: 0.840vw;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 0.945vw;
    line-height: 1.417vw;
    letter-spacing: 0.03em;
    margin: 0 0 0.840vw; }
  .d-banner .banner-flower {
    position: absolute;
    opacity: 1;
    pointer-events: none; }
    .d-banner .banner-flower-1 {
      left: 6.719vw;
      top: 11.024vw;
      width: 2.782vw; }
    .d-banner .banner-flower-4 {
      left: 4.199vw;
      bottom: 10.499vw;
      width: 3.150vw; }
    .d-banner .banner-flower-3 {
      right: 19.423vw;
      top: 3.675vw;
      width: 2.730vw; }
    .d-banner .banner-flower-2 {
      right: 32.756vw;
      top: 46%;
      transform: translateY(-50%);
      width: 6.299vw; }
    .d-banner .banner-flower-5 {
      right: 21.522vw;
      bottom: 7.349vw;
      width: 4.199vw; }
  .d-banner .banner-horse {
    position: absolute;
    right: 0;
    bottom: 5.249vw;
    width: 20.367vw;
    transition: all 1s ease; }

body {
  overflow-x: hidden;
  overflow-y: scroll; }

.panel {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box; }

#container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.c-row {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.bg-noize {
  background: url(../img/noize-bg.jpg) center/cover; }

.panel {
  position: absolute; }

.pictures.pictures4 {
  min-width: calc(125vw + 5.729vw * 2); }

.pictures {
  position: relative;
  display: flex;
  height: 100vh; }

.picture-info {
  position: fixed;
  top: 100%;
  height: 100%;
  width: 100%;
  background: #fff;
  z-index: 4; }
  .picture-info .picture-info_logo {
    margin-left: 4.167vw;
    margin-top: 3.125vw;
    margin-bottom: 3.125vw; }
  .picture-info .wrapper {
    display: flex;
    justify-content: space-between;
    padding: 0 4.167vw; }
    .picture-info .wrapper .col {
      position: relative;
      width: calc(50% - 0.781vw); }
  .picture-info h3 {
    margin: 0; }
  .picture-info.picture-1 h3 {
    font-family: "Teko";
    font-weight: 400;
    font-size: 2.708vw;
    line-height: 115%;
    text-transform: uppercase; }
  .picture-info.picture-1 .picture-1_peacock {
    display: block;
    margin: 0 auto 2.604vw;
    width: 17.552vw; }
  .picture-info.picture-1 .number {
    position: relative;
    bottom: -7.813vw;
    left: calc(-100% - 10.417vw);
    width: 100%; }
    .picture-info.picture-1 .number img {
      width: 100%; }
  .picture-info.picture-1 .text-wrapper {
    position: relative;
    top: 100%; }
  .picture-info.picture-1 .text p {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 1.250vw;
    line-height: 1.615vw;
    letter-spacing: 0.03em;
    color: #262727;
    margin-bottom: 1.042vw; }
  .picture-info.picture-2 .top-wrapper {
    font-family: "Agency";
    margin-bottom: 2.604vw;
    display: flex;
    justify-content: space-between;
    padding: 0 4.167vw; }
    .picture-info.picture-2 .top-wrapper .col {
      flex-basis: calc(50% - 0.781vw);
      padding-left: 2.85vw; }
    .picture-info.picture-2 .top-wrapper .quote {
      font-style: normal;
      font-weight: 700;
      font-size: 2.708vw;
      line-height: 115%;
      text-transform: uppercase;
      color: #fff;
      margin-bottom: 1.563vw; }
    .picture-info.picture-2 .top-wrapper .author {
      font-style: normal;
      font-weight: 400;
      font-size: 1.510vw;
      line-height: 115%;
      text-transform: uppercase;
      color: #B2B2B2; }
  .picture-info.picture-2 .wrapper {
    flex-wrap: wrap;
    width: 350vw;
    padding: 0; }
    .picture-info.picture-2 .wrapper.scrollable {
      transform: translateX(100vw); }
    .picture-info.picture-2 .wrapper .col {
      background: #262727;
      width: calc(300vw / 6 - 4.167vw * 2);
      padding: 0 2.32500vw 0;
      flex: 1; }
      .picture-info.picture-2 .wrapper .col:first-child img {
        display: block;
        margin: auto;
        width: 28.385vw; }
      .picture-info.picture-2 .wrapper .col:last-child {
        padding: 0; }
        .picture-info.picture-2 .wrapper .col:last-child img {
          width: 100%; }
      .picture-info.picture-2 .wrapper .col p {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 0.938vw;
        line-height: 1.406vw;
        letter-spacing: 0.03em;
        color: #fff; }
  .picture-info.picture-2 .bot-img {
    position: absolute;
    bottom: 7.708vw;
    transform: translateX(100vw); }
    .picture-info.picture-2 .bot-img img {
      width: 80.073vw; }
  .picture-info.picture-2 .bg-black {
    padding: 2vw;
    margin-top: -1vw; }
    .picture-info.picture-2 .bg-black .numbers {
      width: 100%; }
  .picture-info.picture-5 .top-wrapper {
    font-family: "Agency";
    margin-bottom: 2.604vw;
    display: flex;
    justify-content: space-between;
    padding: 0 4.167vw; }
    .picture-info.picture-5 .top-wrapper .col {
      flex-basis: calc(50% - 0.781vw);
      padding-left: 2.85vw; }
    .picture-info.picture-5 .top-wrapper .quote {
      font-style: normal;
      font-weight: 700;
      font-size: 2.708vw;
      line-height: 115%;
      text-transform: uppercase;
      color: #262727;
      margin-bottom: 1.563vw; }
    .picture-info.picture-5 .top-wrapper .author {
      font-style: normal;
      font-weight: 400;
      font-size: 1.510vw;
      line-height: 115%;
      text-transform: uppercase;
      color: #B2B2B2; }
  .picture-info.picture-5 .wrapper {
    flex-wrap: wrap;
    width: 400vw;
    padding: 0; }
    .picture-info.picture-5 .wrapper.scrollable {
      transform: translateX(100vw); }
    .picture-info.picture-5 .wrapper .col {
      width: calc(300vw / 6 - 4.167vw * 2);
      padding: 0 2.32500vw 0;
      flex: 1; }
      .picture-info.picture-5 .wrapper .col:first-child img {
        display: block;
        margin: auto;
        width: 28.385vw; }
      .picture-info.picture-5 .wrapper .col:last-child {
        padding: 0; }
        .picture-info.picture-5 .wrapper .col:last-child img {
          width: 100%; }
      .picture-info.picture-5 .wrapper .col p {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 0.938vw;
        line-height: 1.406vw;
        letter-spacing: 0.03em;
        color: #262727; }
  .picture-info.picture-5 .bot-img {
    position: absolute;
    bottom: 1.64vw;
    transform: translateX(100vw); }
    .picture-info.picture-5 .bot-img img {
      width: 153.073vw; }
  .picture-info.picture-5 .numbers-6 {
    background: #fff; }
    .picture-info.picture-5 .numbers-6 img {
      display: block;
      width: 78.646vw;
      margin: -5vw auto 0;
      padding: 10vw 0; }
  .picture-info.picture-7 .top-wrapper {
    font-family: "Agency";
    margin-bottom: 2.604vw;
    display: flex;
    justify-content: space-between;
    padding: 0 4.167vw; }
    .picture-info.picture-7 .top-wrapper .col {
      flex-basis: 50%;
      padding-left: 0; }
    .picture-info.picture-7 .top-wrapper .quote {
      font-style: normal;
      font-weight: 700;
      font-size: 2.708vw;
      line-height: 115%;
      text-transform: uppercase;
      color: #262727;
      margin-bottom: 2.604vw; }
  .picture-info.picture-7 .wrapper {
    position: relative;
    top: 100%; }
    .picture-info.picture-7 .wrapper .col {
      width: 50%; }
      .picture-info.picture-7 .wrapper .col p {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 0.938vw;
        line-height: 1.458vw;
        letter-spacing: 0.03em;
        color: #262727;
        margin-bottom: 0.781vw;
        padding-right: 0.781vw; }
    .picture-info.picture-7 .wrapper .images {
      position: relative;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-bottom: 7.813vw; }
      .picture-info.picture-7 .wrapper .images .cossack {
        position: relative;
        width: 9.531vw;
        height: auto; }
        .picture-info.picture-7 .wrapper .images .cossack img {
          width: 100%; }
      .picture-info.picture-7 .wrapper .images .girl {
        width: 15.469vw;
        height: auto; }
        .picture-info.picture-7 .wrapper .images .girl img {
          width: 100%; }
    .picture-info.picture-7 .wrapper .number img {
      margin-top: 3.906vw;
      width: 100%; }
  .picture-info.picture-7 .number {
    position: relative;
    right: -150%; }

.picture-wrapper {
  position: relative;
  background-color: #262727;
  flex-basis: 29.531vw;
  transform-origin: 50% 0;
  align-self: center;
  z-index: 2; }
  .picture-wrapper .helper {
    padding: 2.448vw 2.188vw 2.292vw;
    position: relative;
    z-index: 9;
    background-color: #262727; }
    .picture-wrapper .helper .over.active {
      height: 345px;
      overflow: hidden; }
  .picture-wrapper:not(:last-child) {
    margin-right: 5.729vw; }
  .picture-wrapper_title {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 3.333vw;
    line-height: 95%;
    text-transform: uppercase;
    color: #FFFFFF;
    height: 11.875vw;
    margin-bottom: 0.781vw; }
  .picture-wrapper img {
    width: 100%; }
  .picture-wrapper.empty {
    background: transparent; }
  .picture-wrapper.active {
    z-index: 11; }
  .picture-wrapper:not(.empty):before, .picture-wrapper:not(.empty):after {
    content: '';
    display: block;
    background: #262727;
    background-size: 90%;
    position: absolute;
    background-repeat: no-repeat;
    bottom: 25%;
    right: 0;
    width: 0.208vw;
    height: 100%;
    z-index: -1; }
  .picture-wrapper:not(.empty):before {
    left: 5vw; }
  .picture-wrapper:not(.empty):after {
    right: 5vw; }

.m-view {
  position: relative;
  overflow-x: hidden;
  padding-top: 180px; }
  @media (min-width: 1023px) {
    .m-view {
      display: none; } }
  .m-view .m-section-1 {
    position: relative; }
  .m-view .blue-banner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #2A5EB9;
    padding: 30px;
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 37px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: calc(100% - 60px);
    z-index: 9;
    box-sizing: border-box; }
    .m-view .blue-banner img {
      margin-top: -20px; }
    .m-view .blue-banner .close-banner {
      width: 30px;
      height: 30px;
      position: absolute;
      right: 30px;
      top: 30px;
      background: url(../img/m/cross-icon.svg) center/cover; }
  .m-view header {
    padding: 5.556vw 0;
    margin-bottom: 33.333vw;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
    background: #262727;
    overflow: visible;
    max-height: 100vh; }
    .m-view header.active {
      overflow: scroll; }
    .m-view header .m-menu {
      display: none;
      position: relative;
      padding: 0 0 40px;
      margin-top: 40px;
      z-index: 10; }
      .m-view header .m-menu .menu-list__item {
        margin-bottom: 50px;
        display: flex;
        align-items: stretch;
        padding-right: 30px;
        text-decoration: none !important; }
        .m-view header .m-menu .menu-list__item .m-c-col:first-child {
          flex: 1 0 120px;
          position: relative; }
          .m-view header .m-menu .menu-list__item .m-c-col:first-child .number {
            margin-left: 30px; }
          .m-view header .m-menu .menu-list__item .m-c-col:first-child .m-menu-art {
            position: absolute;
            left: 0;
            bottom: 0;
            max-width: 100%; }
      .m-view header .m-menu .m-c-col {
        font-family: "Teko";
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 23px;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #FFFFFF; }
        .m-view header .m-menu .m-c-col span {
          display: block;
          margin-top: 10px;
          font-family: "Montserrat";
          font-style: normal;
          font-weight: 400;
          font-size: 11px;
          line-height: 17px;
          letter-spacing: 0.03em;
          text-transform: uppercase;
          color: #FFFFFF; }
    .m-view header .container {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .m-view header .m-logo {
      width: 51.389vw; }
    .m-view header .menu-btn {
      width: 8.333vw;
      height: 8.333vw; }
  .m-view .hero {
    position: relative;
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 27.778vw;
    line-height: 30.556vw;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-bottom: 30.556vw; }
    .m-view .hero img {
      position: absolute;
      width: 58.333vw;
      top: 0;
      right: 0; }
  .m-view .message {
    padding: 22.222vw 0;
    background: #2A5EB9;
    color: #fff; }
    .m-view .message .c-heading-4 {
      position: relative; }
    .m-view .message .ms1-flower {
      position: absolute;
      bottom: -50%;
      right: 0;
      width: 14.722vw; }
    .m-view .message .ms1-horse {
      position: absolute;
      bottom: 0;
      right: -8.333vw;
      width: 58.333vw; }
  .m-view .m-section-1-3 .container.title {
    background: url(../img/m/ms-1-fishes.svg) center/cover no-repeat, #2A5EB9; }
  .m-view .m-section-1-3 .container.with-parrot {
    background: #fff; }
    .m-view .m-section-1-3 .container.with-parrot:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      margin: -1px 0;
      width: 100%;
      height: 19.444vw;
      background: url(../img/m/ms-1-bg-spot-t.svg) center/cover; }
    .m-view .m-section-1-3 .container.with-parrot:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      margin: -1px 0;
      width: 100%;
      height: 10.833vw;
      background: url(../img/m/ms-1-bg-spot-b.svg) center/cover; }
    .m-view .m-section-1-3 .container.with-parrot .title {
      position: relative;
      font-family: "Teko";
      font-style: normal;
      font-weight: 400;
      font-size: 6.944vw;
      line-height: 7.778vw;
      text-transform: uppercase;
      width: 66.667vw; }
      .m-view .m-section-1-3 .container.with-parrot .title:after {
        content: '';
        display: block;
        position: absolute;
        top: -2.778vw;
        left: 100%;
        width: 11.944vw;
        height: 30.833vw;
        background: url(../img/m/ms-1-parrot.svg) center/contain no-repeat; }
  .m-view .m-section-1-4 {
    background: #2A5EB9;
    margin-bottom: -2px; }
  .m-view .m-section-1-5 {
    position: relative;
    padding-top: 22.222vw;
    padding-bottom: 45vw;
    background: url(../img/m/ms-1-red-flowers.svg) center bottom 12.222vw/100% 48.611vw no-repeat, #fff; }
    .m-view .m-section-1-5 .t2 {
      position: relative;
      width: 50vw; }
      .m-view .m-section-1-5 .t2:after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        bottom: 0;
        width: 33.333vw;
        height: 25vw;
        background: url(../img/m/ms-1-kingfish.png) center/contain no-repeat; }
    .m-view .m-section-1-5:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      margin: -1px 0;
      right: 0;
      width: 100%;
      height: 6.389vw;
      background: url(../img/m/ms-1-endline.png) center/cover, #262727; }
  .m-view .m-section-2 .circles {
    position: relative;
    margin-bottom: 9.722vw; }
    .m-view .m-section-2 .circles .c-img {
      animation: rotateP1 infinite 10s forwards linear; }
    .m-view .m-section-2 .circles .circle-2 {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 59.722vw;
      height: 61.111vw;
      background: url(../img/m/m-circle-numbers-2.svg) center/contain no-repeat;
      animation: rotateN infinite 10s forwards linear; }
    .m-view .m-section-2 .circles .circle-3 {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 35.278vw;
      height: 35vw;
      background: url(../img/m/m-circle-numbers-3.svg) center/contain no-repeat;
      animation: rotateP infinite 10s forwards linear; }
  .m-view .m-section-2 .line-1:after {
    content: '';
    display: block;
    margin-bottom: -1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 9.722vw;
    width: 100%;
    background: url(../img/m/ms-2-1-endline.svg) bottom/cover; }
  .m-view .m-section-2 .m-section-2-3 {
    position: relative;
    background: #95B218; }
    .m-view .m-section-2 .m-section-2-3:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 9.722vw;
      width: 100%;
      background: url(../img/m/ms-2-2-endline.svg) bottom/cover; }
  .m-view .m-section-2 .m-section-2-4 .m-landlord {
    display: block;
    width: 66.667vw;
    margin: 6.944vw auto 66.667vw; }
  .m-view .m-section-2 .m-section-2-5 {
    position: relative;
    background: #fff; }
    .m-view .m-section-2 .m-section-2-5 .bird {
      position: relative;
      top: -38.889vw;
      margin-bottom: -30.556vw;
      z-index: 1; }
    .m-view .m-section-2 .m-section-2-5 .grass {
      position: absolute;
      top: -22.222vw;
      z-index: 0; }
    .m-view .m-section-2 .m-section-2-5 .common-text:last-child:after {
      content: '';
      display: block;
      position: absolute;
      right: -8.333vw;
      bottom: 100%;
      background: url(../img/m/ms-2-5butterfly.png) center/cover;
      width: 26.389vw;
      height: 27.778vw; }
    .m-view .m-section-2 .m-section-2-5 .c-creature {
      position: relative;
      right: 10vw; }
    .m-view .m-section-2 .m-section-2-5 .container-s {
      padding-left: 10vw;
      padding-right: 10vw; }
    .m-view .m-section-2 .m-section-2-5:after {
      content: '';
      display: block;
      margin: -5px 0;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 18.611vw;
      background: url(../img/m/ms-2-5-endline.svg) center/cover, #262727; }
  .m-view .m-section-2 .m-section-2-6 {
    padding: 30.556vw 0 40.278vw;
    background: url(../img/m/ms-2-6-quote3.svg) top/cover, #262727; }
    .m-view .m-section-2 .m-section-2-6 .c-heading-4 {
      margin-bottom: 0; }
  .m-view .m-section-3 {
    position: relative;
    padding-bottom: 22.222vw; }
    .m-view .m-section-3 .m-section-3-1 {
      position: relative;
      background: linear-gradient(to bottom, #0000000f 2.5vw, #FDDC2E 35%); }
      .m-view .m-section-3 .m-section-3-1 .numbers {
        position: absolute;
        top: 0; }
      .m-view .m-section-3 .m-section-3-1 .vase {
        position: relative;
        z-index: 2; }
      .m-view .m-section-3 .m-section-3-1 .green-bg {
        margin-bottom: -1px;
        background: url("../img/m/ms-3-3-leaf.png") top center/cover;
        padding-top: 52.222vw;
        margin-top: -52.222vw;
        padding-bottom: 13.333vw; }
    .m-view .m-section-3 .m-section-3-2 {
      background: #FDDC2E; }
      .m-view .m-section-3 .m-section-3-2 .text-flower {
        background: url(../img/m/ms-3-3-flower-big.png) center/cover;
        padding-top: 42.778vw;
        padding-bottom: 42.778vw; }
      .m-view .m-section-3 .m-section-3-2 .stork {
        position: relative;
        display: block;
        width: 52.778vw;
        margin: 0 auto -36.111vw;
        z-index: 2; }
    .m-view .m-section-3 .m-section-3-3 {
      background: #FDDC2E;
      position: relative;
      font-family: "Teko";
      font-weight: 400;
      font-size: 19.722vw;
      line-height: 21.667vw;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #262727; }
      .m-view .m-section-3 .m-section-3-3 .bird {
        position: absolute;
        bottom: 24.167vw;
        width: 57.500vw;
        right: 8.333vw; }
    .m-view .m-section-3:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 22.222vw;
      margin-bottom: 2px;
      background: url(../img/m/ms-3-3-endline.png) center/cover; }
  .m-view .m-section-4 {
    position: relative; }
    .m-view .m-section-4 .blue-bg-gr {
      background: linear-gradient(to bottom, #262727 65%, #0259BD); }
    .m-view .m-section-4 .section-bg {
      background: url(../img/m/mg-4-1-bg-stars.svg) top center/cover, #0259BD; }
    .m-view .m-section-4 .blue-bg {
      background: #0259BD;
      text-align: center; }
    .m-view .m-section-4 .title {
      font-family: "Teko";
      font-style: normal;
      font-weight: 400;
      font-size: 7.778vw;
      line-height: 105%;
      text-transform: uppercase;
      color: #FFFFFF; }
    .m-view .m-section-4 .ms-4-airplane-1 {
      width: 75.278vw;
      display: block;
      margin-right: auto; }
    .m-view .m-section-4 .ms-4-airplane-1 {
      width: 50vw;
      display: block;
      margin-right: auto; }
    .m-view .m-section-4 .ms-4-airplane-2 {
      width: 83.333vw;
      display: block;
      margin: auto; }
    .m-view .m-section-4 .ms-4-airplane-3 {
      width: 50vw;
      display: block;
      margin-left: auto; }
    .m-view .m-section-4 .flowers {
      width: 35.556vw;
      display: block;
      margin: auto; }
    .m-view .m-section-4:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 22.222vw;
      width: 100%;
      margin: -5px 0;
      background: url(../img/m/ms-4-endline.svg) center/cover, #262727; }
  .m-view .m-section-5 {
    position: relative;
    padding-bottom: 22.222vw; }
    .m-view .m-section-5 .bg-flower {
      padding-top: 31.389vw;
      margin-bottom: 22.222vw;
      background: url(../img/m/ms-5-1-flowers.png) center/cover no-repeat; }
      .m-view .m-section-5 .bg-flower .author-text {
        padding-right: 2.778vw; }
    .m-view .m-section-5 svg {
      position: relative;
      width: 100%;
      height: 85.278vw; }
    .m-view .m-section-5 .rotation {
      animation: rotateP1 infinite linear 10s forwards;
      transform-origin: 50% 50%; }
    .m-view .m-section-5 .pd-90 {
      position: relative; }
      .m-view .m-section-5 .pd-90:after, .m-view .m-section-5 .pd-90:before {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 0.278vw;
        height: 13.889vw;
        background: #fff; }
      .m-view .m-section-5 .pd-90:after {
        top: 0;
        bottom: auto; }
      .m-view .m-section-5 .pd-90:before {
        top: auto;
        bottom: 0; }
    .m-view .m-section-5 .l-flower {
      width: 91.667vw;
      display: block;
      margin-right: auto; }
    .m-view .m-section-5 .r-flower {
      width: 91.667vw;
      display: block;
      margin-left: auto; }
    .m-view .m-section-5:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 22.222vw;
      width: 100%;
      background: url(../img/m/ms-5-endline.svg) center/cover, #262727; }
  .m-view .m-section-6 {
    position: relative;
    padding-bottom: 21.944vw; }
    .m-view .m-section-6 .m-section-6-1, .m-view .m-section-6 .m-section-6-2, .m-view .m-section-6 .m-section-6-3 {
      position: relative;
      background: #F568A9;
      margin-bottom: -1px; }
    .m-view .m-section-6 .tr {
      text-align: right; }
    .m-view .m-section-6 .tongue {
      padding-top: 22.778vw;
      padding-bottom: 22.778vw;
      margin: 11.111vw 0;
      background: url(../img/m/ms-6-2-tongue.svg) center/cover; }
    .m-view .m-section-6 .img-97 {
      position: absolute;
      bottom: 0;
      width: 42.778vw;
      margin: auto;
      left: 0;
      right: 0; }
    .m-view .m-section-6 .with-flower {
      position: relative; }
      .m-view .m-section-6 .with-flower:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        right: 8.333vw;
        background: url(../img/m/ms-6-single-flower.svg) center/contain no-repeat;
        width: 23.889vw;
        height: 38.056vw; }
    .m-view .m-section-6 .m-section-6-2 {
      padding-top: 22.222vw; }
      .m-view .m-section-6 .m-section-6-2 .with-bg {
        padding-top: 53.611vw;
        padding-bottom: 24.444vw;
        background: url(../img/m/ms-6-2-block.svg) center/cover; }
      .m-view .m-section-6 .m-section-6-2 .head {
        position: relative;
        width: 56.111vw;
        display: block;
        margin: 0 auto -50vw;
        z-index: 3; }
    .m-view .m-section-6 .m-section-6-3 {
      padding-top: 11.111vw; }
      .m-view .m-section-6 .m-section-6-3 .with-bg {
        padding-top: 30.556vw;
        padding-bottom: 30.833vw;
        background: url(../img/m/ms-6-3-Ellipse7.svg) center/cover; }
      .m-view .m-section-6 .m-section-6-3 .ms-6-3-flower {
        width: calc(100% - 16.667vw);
        display: block;
        margin: -11.111vw auto 0; }
      .m-view .m-section-6 .m-section-6-3 .title {
        font-family: "Teko";
        font-style: normal;
        font-weight: 400;
        font-size: 19.722vw;
        line-height: 21.667vw;
        text-transform: uppercase;
        color: #262727; }
    .m-view .m-section-6:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: calc(21.944vw - 1px);
      width: 100%;
      background: url(../img/m/ms-6-endline.svg) center/cover, #262727; }
  .m-view .m-section-7 {
    position: relative;
    padding-bottom: 40.278vw;
    background: #FF5F38; }
    .m-view .m-section-7 .title {
      font-family: "Teko";
      font-style: normal;
      font-weight: 400;
      font-size: 19.722vw;
      line-height: 21.667vw;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #262727; }
    .m-view .m-section-7 .section-bg {
      background: #FFC42D; }
    .m-view .m-section-7 .section-bg-2 {
      background: #FF5F38; }
      .m-view .m-section-7 .section-bg-2 .fish {
        margin-top: -0.556vw; }
    .m-view .m-section-7 .section-home {
      padding-top: 54.444vw;
      padding-bottom: 7.222vw;
      background: url(../img/m/ms-7-1-home1.svg) center/contain no-repeat; }
    .m-view .m-section-7 .flower-bg {
      padding-top: 35.556vw;
      padding-bottom: 37.222vw;
      background: url(../img/m/ms-7-2-flowers-bg.png) center/cover; }
    .m-view .m-section-7 .single-flower-bg {
      padding-top: 48.611vw;
      padding-bottom: 71.389vw;
      background: url(../img/m/ms-7-2-flower-4.png) center/cover; }
    .m-view .m-section-7 .stamps-bg {
      margin-top: 22.222vw;
      padding-top: 54.722vw;
      padding-bottom: 38.611vw;
      background: url(../img/m/ms-7-2-block-5.png) center/cover; }
    .m-view .m-section-7:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: calc(22.222vw + 4px);
      margin-bottom: -1px;
      width: 100%;
      background: url(../img/m/ms-7-endline.svg) center/cover, #262727; }
  .m-view .m-section-8 {
    position: relative;
    padding-bottom: 22.222vw; }
    .m-view .m-section-8 .red-bg {
      background: #CB361E; }
    .m-view .m-section-8 .ox {
      display: block;
      margin: auto;
      width: 62.778vw; }
    .m-view .m-section-8 .blue-bg {
      background: #26305D; }
    .m-view .m-section-8 .cream-bg {
      background: #E5DECE; }
    .m-view .m-section-8 .orange-bg {
      background: #CB361E;
      margin-top: -2.778vw; }
    .m-view .m-section-8 .hryvnia {
      padding-top: 35.278vw;
      padding-bottom: 32.222vw;
      background: url(../img/m/ms-8-4-hryvnia.png) center/cover; }
    .m-view .m-section-8:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 22.222vw;
      width: 100%;
      background: url(../img/m/ms-8-endline.svg) center/cover, #262727; }
  .m-view .m-section-9 {
    position: relative;
    padding-bottom: 12.222vw; }
    .m-view .m-section-9 .blue-bg {
      background: #3F61B4; }
    .m-view .m-section-9 .pink-bg {
      background: #FC4966; }
    .m-view .m-section-9 .tentacles {
      padding-top: 76.111vw;
      padding-bottom: 65.833vw;
      background: url(../img/m/ms-9-2-text-block-1.svg) center/cover; }
    .m-view .m-section-9 .ms-9-flower {
      position: absolute;
      top: 50%;
      right: 8.333vw; }
    .m-view .m-section-9 .yellow-form-bg {
      padding-top: 33.333vw;
      padding-bottom: 33.333vw;
      background: url(../img/m/ms-9-4-bg.svg) center/cover; }
    .m-view .m-section-9 .blue-form-bg {
      background: url(../img/m/ms-9-5-blue-form-bg.svg) center/cover;
      padding-top: 22.222vw;
      padding-bottom: 22.222vw;
      margin-top: -6.944vw;
      margin-bottom: -13.889vw; }
    .m-view .m-section-9 .img-47, .m-view .m-section-9 .img-17 {
      position: relative;
      display: block;
      width: 50vw;
      margin: auto;
      z-index: 2; }
    .m-view .m-section-9 .ms9-paw1 {
      display: block;
      margin-right: auto;
      width: 83.333vw; }
    .m-view .m-section-9 .ms9-paw2 {
      display: block;
      margin-left: auto;
      width: 75vw; }
    .m-view .m-section-9:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 12.222vw;
      width: 100%;
      background: url(../img/m/ms-9-endline.svg) center/cover, #262727; }
  .m-view .m-section-10 {
    position: relative;
    padding-bottom: 22.222vw; }
    .m-view .m-section-10 .title {
      font-family: "Teko";
      font-style: normal;
      font-weight: 400;
      font-size: 10.833vw;
      line-height: 95%;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #fff;
      margin-bottom: 5.556vw;
      display: flex;
      align-items: center;
      justify-content: center; }
    .m-view .m-section-10 .title-img-1 {
      display: inline-block;
      margin: 0 1.389vw;
      width: 13.611vw; }
    .m-view .m-section-10 .title-img-2 {
      display: inline-block;
      margin-right: 1.389vw;
      width: 25.278vw; }
    .m-view .m-section-10 .title-img-3 {
      display: inline-block;
      margin-left: 1.389vw;
      width: 9.722vw; }
    .m-view .m-section-10 .drunks {
      position: relative;
      z-index: 2; }
    .m-view .m-section-10 .orange-bg {
      position: relative;
      background: #F87523;
      margin-top: 5.556vw;
      padding-top: 35.556vw;
      padding-bottom: 41.667vw; }
      .m-view .m-section-10 .orange-bg:before {
        content: '';
        display: block;
        position: absolute;
        top: -11.389vw;
        left: 50%;
        transform: translateX(-50%);
        width: 120.833vw;
        height: 46.111vw;
        background: #F87523;
        border-radius: 50%; }
    .m-view .m-section-10 .picture-c {
      padding-top: 34.722vw;
      padding-bottom: 22.500vw;
      background: url(../img/m/ms-10-2text-box2.png) center/cover; }
    .m-view .m-section-10 .bottle {
      display: block;
      margin: -13.889vw auto 0;
      width: 9.722vw;
      position: relative; }
    .m-view .m-section-10 .pink-color {
      color: #FB999A; }
      .m-view .m-section-10 .pink-color img {
        width: 73.056vw;
        display: block;
        margin-left: auto;
        margin-right: auto; }
    .m-view .m-section-10 .bird {
      padding-top: 94.444vw;
      padding-bottom: 56.667vw;
      background: url(../img/m/ms-10-5_0008_bird.png) center/cover; }
      .m-view .m-section-10 .bird .container {
        padding-right: 9.167vw; }
    .m-view .m-section-10:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 22.222vw;
      width: 100%;
      background: url(../img/m/ms-10-endline.png) center/cover, #262727; }
  .m-view .m-section-11 .long-bg {
    position: relative;
    padding-top: 90.833vw;
    padding-bottom: 113.056vw;
    background: url(../img/m/ms-11-1environment.svg) center/contain repeat-y, #262727;
    text-align: center; }
  .m-view .m-section-11 .blue-bg {
    position: relative;
    padding-top: 44.444vw;
    padding-bottom: 32.500vw;
    background: #167EDB; }
    .m-view .m-section-11 .blue-bg .hand {
      position: absolute;
      right: 0;
      bottom: -4.167vw;
      width: 48.056vw; }
    .m-view .m-section-11 .blue-bg:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 22.222vw;
      width: 100%;
      margin-top: -1px;
      background: url(../img/m/ms-11-endline-1.svg) center/cover; }
  .m-view .m-section-11 .pink-bg {
    background: #E556A6;
    padding-bottom: 11.111vw; }
  .m-view .m-section-11 .bg-yellow-1 {
    padding-left: 1.111vw;
    padding-right: 1.389vw; }
    .m-view .m-section-11 .bg-yellow-1 .bg {
      background: url(../img/m/ms-11-3-bg-text.svg) center/cover;
      padding: 10.556vw 7.222vw 8.056vw 6.944vw; }
  .m-view .m-section-11 .bg-1 {
    padding: 5.556vw 8.333vw;
    background: url(../img/m/ms-11-4-bg-text-1.png) center/contain no-repeat; }
  .m-view .m-section-11 .bg-yellow {
    background: #FEFD4B; }
  .m-view .m-section-11 .endline {
    background: #FEFD4B;
    margin-top: -1px; }
  .m-view .m-section-12 .bg-blue {
    background: url(../img/m/ms-12-1-snow-1.png) top center/cover, #1D57CC; }
  .m-view .m-section-12 .bg-white {
    background: #fff; }
  .m-view .m-section-12 .big-snow {
    padding-top: 29.167vw;
    padding-bottom: 29.167vw;
    background: url(../img/m/mb-12-2-big-snowflake.svg) center/contain no-repeat; }
  .m-view .m-section-12 .orange-bg {
    position: relative;
    margin-top: -0.556vw;
    background: #E9430E;
    margin-bottom: -2px; }
  .m-view .m-section-12 .ms-12-circle {
    position: relative;
    padding-top: 44.444vw;
    padding-bottom: 44.444vw; }
    .m-view .m-section-12 .ms-12-circle img.circle {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: block;
      width: 100%; }
  .m-view .m-section-12 .ms-12-mini-bird {
    display: block;
    width: 15.556vw;
    margin-bottom: 2.222vw;
    margin-left: auto;
    margin-right: auto; }
  .m-view .m-section-12 .forest {
    position: relative; }
  .m-view .m-section-12 .snowflakes {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3; }
  .m-view .m-section-12 .owl {
    position: absolute;
    bottom: 11.111vw;
    left: 0;
    right: 0;
    width: 47.778vw;
    margin: auto;
    z-index: 4; }
  .m-view .m-section-12 .floor {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .m-view .m-section-12 .white-noize-bg {
    background: url(../img/m/ms-12-2-bg-text.png) center/cover;
    padding-top: 6.111vw;
    padding-bottom: 13.056vw; }
  .m-view .m-section-12 .elephant-section {
    background: linear-gradient(180deg, #262727 0%, #1D57CC 100%); }
  .m-view .m-section-12 .floor-green {
    width: 100%;
    height: 33.333vw;
    background: #24954B;
    margin-top: -4.167vw; }
  .m-view .m-section-12 .ending-gradient {
    background: linear-gradient(180deg, #24954B 0%, #262727 100%);
    height: 100vw;
    width: 100vw;
    margin-top: -1px; }
  .m-view .ending .end-bird {
    width: 12.500vw;
    display: block;
    margin: 0 auto 6.389vw; }
    .m-view .ending .end-bird.reversed {
      transform: rotateY(180deg);
      margin-bottom: 0; }
  .m-view .ending .f-img-1:after {
    content: '';
    display: block;
    width: 23.611vw;
    height: 17.778vw;
    position: absolute;
    bottom: 6.667vw;
    left: 15.278vw;
    background: url(../img/m/f-img-1.png) center/contain no-repeat; }
  .m-view .ending .f-img-2 {
    position: relative; }
    .m-view .ending .f-img-2:after {
      content: '';
      display: block;
      width: 9.722vw;
      height: 15.833vw;
      position: absolute;
      bottom: 13.889vw;
      left: -1.944vw;
      background: url(../img/m/f-img-2.png) center/contain no-repeat; }
  .m-view .ending .f-img-3 {
    position: relative; }
    .m-view .ending .f-img-3:after {
      content: '';
      display: block;
      width: 24.167vw;
      height: 18.056vw;
      position: absolute;
      bottom: 11.944vw;
      left: -6.944vw;
      background: url(../img/m/f-img-3.png) center/contain no-repeat; }
  .m-view .ending .f-img-4 {
    position: relative; }
    .m-view .ending .f-img-4:after {
      content: '';
      display: block;
      width: 15vw;
      height: 18.889vw;
      position: absolute;
      top: 8.333vw;
      left: 38%;
      background: url(../img/m/f-img-4.png) center/contain no-repeat; }
    .m-view .ending .f-img-4:before {
      content: '';
      display: block;
      width: 10.833vw;
      height: 10.833vw;
      position: absolute;
      top: 30%;
      right: -3.333vw;
      background: url(../img/m/f-img-5.png) center/contain no-repeat; }
  .m-view .ending .buttons {
    margin-top: 8.333vw;
    margin-bottom: 22.222vw;
    text-align: center; }
    .m-view .ending .buttons a {
      display: inline-block;
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 3.889vw;
      line-height: 4.444vw;
      text-align: center;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #FFFFFF;
      padding: 3.611vw 5.556vw;
      margin-bottom: 5.556vw;
      margin-left: auto;
      margin-right: auto;
      border: 0.278vw solid #ffffff;
      text-decoration: none !important;
      transition: all .3s ease; }
      .m-view .ending .buttons a:hover {
        background: #2B53A4; }
  .m-view .ending .prinum-logo img {
    display: block;
    margin: auto;
    width: 60.556vw; }
  .m-view .ending .divider {
    width: 100%;
    height: 0.278vw;
    background: #fff; }
  .m-view .ending .copyright {
    padding: 5.556vw 0;
    text-align: center; }
    .m-view .ending .copyright a {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 4.722vw;
      line-height: 8.611vw;
      text-align: center;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #FFFFFF;
      text-decoration: none !important; }

.section-1 {
  padding-left: 4.167vw;
  padding-bottom: 6.25vw;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column; }
  .section-1:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 3.802vw;
    left: 0;
    right: 0;
    bottom: -3.750vw;
    background: url(../img/section-1-info-breaker.svg) center/cover; }
  .section-1.animate .text-1, .section-1.animate .text-2 {
    transform: translateX(0); }
  .section-1 .logo {
    position: absolute;
    top: 3.208vw;
    left: 4.167vw; }
    .section-1 .logo img {
      width: 25.313vw; }
  .section-1 .text {
    font-family: "Agency";
    font-weight: 700;
    font-size: 15.625vw;
    line-height: 15.625vw;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #fff;
    transition: transform 0.75s ease; }
    .section-1 .text-1 {
      transform: translateX(-125%); }
    .section-1 .text-2 {
      transform: translateX(125%); }
  .section-1 .bird {
    position: absolute;
    right: -11.25vw;
    bottom: 50vw;
    transition: all 0.75s ease; }
    .section-1 .bird img {
      width: 25.208vw; }
    .section-1 .bird.animate {
      right: 11.25vw;
      bottom: 17vw; }
  .section-1 #fishes {
    pointer-events: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 9; }
  .section-1 .fish-items {
    position: relative; }
  .section-1 .bg-img-noize {
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../img/noize-bg.jpg) center/cover; }
  .section-1 .part-2 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 101%;
    width: 100%; }
    .section-1 .part-2 .qoute {
      padding-bottom: 6.354vw;
      max-width: 60.625vw; }
      .section-1 .part-2 .qoute .subheading {
        margin-bottom: 1.042vw; }
      .section-1 .part-2 .qoute .author {
        font-family: "Teko";
        font-style: normal;
        font-weight: 300;
        font-size: 2.188vw;
        line-height: 2.188vw;
        letter-spacing: 0.01em; }
    .section-1 .part-2 .animals {
      position: absolute;
      bottom: 27.083vw;
      height: 17.604vw;
      transform: translateX(-100%); }
    .section-1 .part-2 .numbers {
      position: absolute;
      top: 100%;
      z-index: 99; }
      .section-1 .part-2 .numbers img {
        width: 100%; }
  .section-1 .part-3 {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3; }
    .section-1 .part-3 .list {
      width: 76.146vw;
      color: #fff; }
      .section-1 .part-3 .list-item {
        position: relative;
        padding: 0.677vw 1.198vw;
        background: #262727;
        margin-bottom: 0.521vw;
        cursor: pointer; }
        .section-1 .part-3 .list-item_heading {
          display: flex;
          font-family: "Montserrat";
          font-weight: 400;
          font-size: 0.885vw;
          line-height: 1.615vw;
          letter-spacing: 0.03em;
          text-transform: uppercase;
          color: #FFFFFF; }
          .section-1 .part-3 .list-item_heading span {
            margin-right: 4.688vw; }
        .section-1 .part-3 .list-item_description {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          display: none;
          z-index: 9;
          background: #262727; }
          .section-1 .part-3 .list-item_description .wrapper {
            display: flex;
            align-items: flex-start; }
          .section-1 .part-3 .list-item_description span:not(.author) {
            align-self: flex-start;
            position: relative;
            font-family: "Bodoni Moda", serif;
            font-size: 12.708vw;
            margin-left: 4.063vw;
            margin-right: 1.302vw; }
            .section-1 .part-3 .list-item_description span:not(.author) img {
              position: absolute;
              bottom: 0;
              left: 0;
              max-width: 100%; }
          .section-1 .part-3 .list-item_description-text {
            font-family: "Teko";
            font-weight: 300;
            font-size: 3.854vw;
            line-height: 3.750vw;
            text-transform: uppercase;
            color: #FFFFFF;
            padding-top: 1.680vw; }
            .section-1 .part-3 .list-item_description-text p {
              margin: 0; }
            .section-1 .part-3 .list-item_description-text .author {
              display: block;
              font-family: "Montserrat";
              font-style: normal;
              font-weight: 400;
              font-size: 0.892vw;
              line-height: 1.627vw;
              letter-spacing: 0.03em;
              text-transform: uppercase;
              color: #FFFFFF; }
        .section-1 .part-3 .list-item:hover .list-item_description {
          display: flex;
          pointer-events: none; }
        .section-1 .part-3 .list-item:hover.item-1 .list-item_description, .section-1 .part-3 .list-item:hover.item-2 .list-item_description, .section-1 .part-3 .list-item:hover.item-5 .list-item_description, .section-1 .part-3 .list-item:hover.item-7 .list-item_description, .section-1 .part-3 .list-item:hover.item-8 .list-item_description, .section-1 .part-3 .list-item:hover.item-9 .list-item_description, .section-1 .part-3 .list-item:hover.item-10 .list-item_description, .section-1 .part-3 .list-item:hover.item-11 .list-item_description {
          height: 16.927vw; }
        .section-1 .part-3 .list-item:hover.item-3 .list-item_description, .section-1 .part-3 .list-item:hover.item-6 .list-item_description {
          height: 20.417vw; }
        .section-1 .part-3 .list-item:hover.item-4 .list-item_description {
          height: 27.396vw; }
        .section-1 .part-3 .list-item:hover.item-12 .list-item_description {
          height: 34.375vw; }
        .section-1 .part-3 .list-item:hover.item-12 .list-item_description, .section-1 .part-3 .list-item:hover.item-11 .list-item_description, .section-1 .part-3 .list-item:hover.item-10 .list-item_description, .section-1 .part-3 .list-item:hover.item-9 .list-item_description {
          top: auto;
          bottom: 0; }
        .section-1 .part-3 .list-item.item-1 .list-item_description span img {
          bottom: -0.781vw;
          left: -2.083vw;
          width: 13.071vw; }
        .section-1 .part-3 .list-item.item-2 .list-item_description span img {
          bottom: 1.198vw;
          left: 0.677vw;
          width: 10.079vw; }
        .section-1 .part-3 .list-item.item-3 .list-item_description span img {
          bottom: -2.083vw;
          left: -0.938vw;
          width: 16.273vw; }
        .section-1 .part-3 .list-item.item-4 .list-item_description span img {
          bottom: -1.302vw;
          left: -1.563vw;
          width: 13.963vw; }
        .section-1 .part-3 .list-item.item-5 .list-item_description span img {
          bottom: -1.042vw;
          left: -1.823vw;
          width: 12.493vw; }
        .section-1 .part-3 .list-item.item-6 .list-item_description span img {
          bottom: -1.563vw;
          left: -0.781vw;
          width: 11.339vw; }
        .section-1 .part-3 .list-item.item-7 .list-item_description span img {
          bottom: -1.302vw;
          left: 0.052vw;
          width: 12.283vw; }
        .section-1 .part-3 .list-item.item-8 .list-item_description span img {
          bottom: -0.521vw;
          left: -0.521vw;
          width: 11.286vw; }
        .section-1 .part-3 .list-item.item-9 .list-item_description span img {
          bottom: -0.521vw;
          left: -1.823vw;
          width: 11.549vw; }
        .section-1 .part-3 .list-item.item-10 .list-item_description span img {
          bottom: 0.781vw;
          left: 2.604vw;
          width: 6.194vw; }
        .section-1 .part-3 .list-item.item-11 .list-item_description span img {
          bottom: 0;
          left: 4.948vw;
          width: 6.982vw; }
        .section-1 .part-3 .list-item.item-12 .list-item_description span img {
          width: 11.549vw; }
  .section-1 .part-4 {
    position: absolute;
    left: 100%;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .section-1 .picture-info {
    background: #2A5EB9; }
  .section-1 .section-info {
    position: relative;
    top: 100%; }
    .section-1 .section-info .section-1-head {
      font-family: "Teko";
      font-style: normal;
      font-weight: 400;
      font-size: 8.438vw;
      line-height: 105%;
      text-transform: uppercase;
      color: #FFFFFF;
      max-width: 70.885vw;
      margin: 19.271vw auto; }
    .section-1 .section-info h3 {
      font-family: "Teko";
      font-style: normal;
      font-weight: 400;
      font-size: 2.708vw;
      line-height: 115%;
      text-transform: uppercase;
      color: #262727;
      margin-bottom: 2.083vw;
      padding-left: 4.583vw;
      position: relative; }
      .section-1 .section-info h3:before {
        content: '';
        display: block;
        width: 4.427vw;
        height: 11.510vw;
        background: url("../img/parrot_1.svg") center/cover;
        position: absolute;
        bottom: 0;
        left: 0; }
    .section-1 .section-info p {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 0.938vw;
      line-height: 1.406vw;
      letter-spacing: 0.03em;
      color: #262727;
      margin-bottom: 0.833vw; }
      .section-1 .section-info p:last-child {
        margin-bottom: 0; }
    .section-1 .section-info .c-col {
      flex-basis: 50%; }
    .section-1 .section-info .c-row {
      padding-right: 6.094vw; }
    .section-1 .section-info img:not(.s-1-numbers):not(.s-1-breaker) {
      max-width: 38.698vw;
      margin-left: auto;
      display: block;
      margin-right: 2.083vw; }
    .section-1 .section-info .s-1-numbers {
      display: block;
      margin-top: 10.417vw;
      width: 100%;
      max-width: 100%;
      padding: 0 7.396vw; }
    .section-1 .section-info .text-wrapper {
      padding: 7.396vw 4.219vw 6.927vw 4.010vw;
      background: url(../img/spot.svg) center/cover;
      max-width: 36.198vw; }

.section-2 {
  background: #fff; }
  .section-2:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 3.802vw;
    left: 0;
    right: 0;
    bottom: -3.750vw;
    background: url(../img/section-2-breaker.svg) center/cover; }
  .section-2 .part-1, .section-2 .img-wrapper {
    position: relative;
    height: 100%; }
  .section-2 .img-wrapper {
    width: 200vw;
    left: 100%;
    pointer-events: none; }
  .section-2 .flowers {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200vw; }
  .section-2 .sun {
    position: absolute;
    left: 28.646vw;
    bottom: 0;
    width: 21.146vw;
    height: auto; }
  .section-2 .flower-big {
    position: absolute;
    left: 100%;
    bottom: 0; }
  .section-2 .top-text {
    position: absolute;
    top: 3.250vw;
    left: 150%;
    width: 200%;
    text-align: center; }
    .section-2 .top-text h1 {
      margin: 0;
      font-family: "Teko";
      font-style: normal;
      font-weight: 400;
      font-size: 8.438vw;
      line-height: 105%;
      text-transform: uppercase;
      color: #262727; }
      .section-2 .top-text h1 img {
        display: inline-block;
        width: 27.135vw;
        margin: 0 5.208vw; }

.section-3 {
  height: 100%; }
  .section-3 .pictures {
    z-index: 20; }
  .section-3 .part-1 {
    position: absolute;
    top: 200%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9; }
    .section-3 .part-1:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -3.490vw;
      width: 100%;
      height: 3.490vw;
      background: url(../img/s-3-breaker.svg) top/cover no-repeat; }
  .section-3 .part-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #262727;
    position: absolute;
    top: 100vh;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }
    .section-3 .part-2 .wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 100%;
      gap: 0 11.823vw;
      padding-left: 9.115vw;
      width: 100%; }
    .section-3 .part-2 .text-wrapper {
      color: #FFFFFF;
      width: 34.792vw; }
      .section-3 .part-2 .text-wrapper h1 {
        font-family: "Teko";
        font-style: normal;
        font-weight: 400;
        font-size: 2.708vw;
        line-height: 115%;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 0.833vw; }
      .section-3 .part-2 .text-wrapper p {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 0.885vw;
        line-height: 1.615vw;
        letter-spacing: 0.03em;
        text-transform: uppercase; }
    .section-3 .part-2 .img-horses {
      position: absolute;
      right: -29.385vw;
      width: 28.385vw; }
  .section-3 .inner-layer {
    background: #95B218;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .section-3 .inner-layer img {
      position: absolute;
      top: 7.292vw;
      width: 30.104vw; }
      .section-3 .inner-layer img:first-child {
        left: 5.469vw; }
      .section-3 .inner-layer img:last-of-type {
        right: 5.469vw; }
    .section-3 .inner-layer h1 {
      position: absolute;
      left: 50%;
      top: 50%;
      text-align: left;
      max-width: 42.448vw;
      margin: auto;
      transform: translate(-50%, -50%);
      font-family: "Teko";
      font-style: normal;
      font-weight: 300;
      font-size: 3.854vw;
      line-height: 3.750vw;
      text-transform: uppercase;
      color: #FFFFFF; }
  .section-3 .layer-1 {
    top: 50%;
    left: 50%;
    position: absolute;
    width: 104.167vw;
    height: 104.167vw;
    background: -moz-radial-gradient(transparent 4.167vw, #262727 4.167vw);
    background: -webkit-radial-gradient(transparent 4.167vw, #262727 4.167vw);
    background: -ms-radial-gradient(transparent 4.167vw, #262727 4.167vw);
    background: -o-radial-gradient(transparent 4.167vw, #262727 4.167vw);
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 11; }
    .section-3 .layer-1 .circle-number {
      position: absolute;
      left: 50%;
      top: 50%; }
      .section-3 .layer-1 .circle-number.circle-number-1 {
        width: 17.552vw;
        animation: 10s linear infinite normal rotateP; }
      .section-3 .layer-1 .circle-number.circle-number-2 {
        width: 29.896vw;
        animation: 20s linear infinite normal rotateN; }
      .section-3 .layer-1 .circle-number.circle-number-3 {
        width: 41.563vw;
        animation: 30s linear infinite normal rotateP; }
  .section-3 .bird-long {
    position: absolute;
    left: 100%;
    bottom: 0.781vw;
    width: 112.240vw; }
  .section-3 .part-3 {
    background: #262727;
    position: absolute;
    top: 100%;
    width: 100%;
    min-height: 100%;
    padding-top: 19.271vw;
    padding-bottom: 13.542vw; }
    .section-3 .part-3 .butterflies {
      position: absolute;
      top: 21.406vw;
      pointer-events: none;
      width: 100%; }
      .section-3 .part-3 .butterflies img {
        width: 8.177vw; }
      .section-3 .part-3 .butterflies svg {
        position: absolute; }
      .section-3 .part-3 .butterflies .butterfly-1 {
        position: absolute;
        left: 5.208vw; }
        .section-3 .part-3 .butterflies .butterfly-1 svg {
          left: 11.719vw;
          top: 12.500vw; }
          .section-3 .part-3 .butterflies .butterfly-1 svg path {
            stroke: transparent; }
      .section-3 .part-3 .butterflies .butterfly-2 {
        position: absolute;
        right: 5.208vw; }
        .section-3 .part-3 .butterflies .butterfly-2 svg {
          right: 11.719vw;
          top: 12.500vw; }
          .section-3 .part-3 .butterflies .butterfly-2 svg path {
            stroke: transparent; }
    .section-3 .part-3 .creatures {
      position: absolute;
      top: 0;
      width: 100%;
      pointer-events: none; }
      .section-3 .part-3 .creatures img {
        width: 52.604vw; }
      .section-3 .part-3 .creatures .creature {
        position: absolute;
        top: 44.271vw; }
        .section-3 .part-3 .creatures .creature-1 {
          left: -50%; }
        .section-3 .part-3 .creatures .creature-2 {
          right: -50%; }
    .section-3 .part-3 .squirrel {
      position: absolute;
      bottom: 0;
      right: -34.844vw; }
      .section-3 .part-3 .squirrel img {
        width: 34.844vw; }
    .section-3 .part-3 .text {
      background: url("../img/s3-text-block.svg") center/cover;
      width: 36vw;
      padding: 24.406vw 10vw 13.281vw;
      margin: auto; }
      .section-3 .part-3 .text p {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 0.938vw;
        line-height: 1.406vw;
        letter-spacing: 0.03em;
        color: #262727;
        margin: 0 0 0.833vw; }
        .section-3 .part-3 .text p:last-child {
          margin-bottom: 0; }
  .section-3 .part-4 {
    background: #262727;
    position: absolute;
    top: 100%;
    width: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .section-3 .part-4 .heading {
      position: relative;
      font-family: "Teko";
      font-style: normal;
      font-weight: 300;
      font-size: 3.854vw;
      line-height: 3.750vw;
      text-transform: uppercase;
      color: #FFFFFF;
      max-width: 41.875vw;
      z-index: 2; }
    .section-3 .part-4 svg {
      position: absolute;
      width: 89.583vw;
      margin: auto; }
    .section-3 .part-4 .opened-eyes g:hover {
      opacity: 0; }
  .section-3:after {
    content: '';
    display: block;
    width: 100%;
    height: 3.385vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3.333vw;
    background: url(../img/section-3-end.svg) center/cover;
    z-index: 9; }

.section-4 {
  height: 100%; }
  .section-4 .part-1 {
    background-color: #262727;
    background-size: 100%;
    background-position: top center;
    background-image: url("../img/numbers-block.svg");
    background-repeat: repeat-y;
    position: fixed;
    top: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    bottom: 0; }
    .section-4 .part-1 .heading {
      position: relative;
      font-family: "Teko";
      font-weight: 300;
      font-size: 3.854vw;
      line-height: 3.750vw;
      text-transform: uppercase;
      color: #FFFFFF;
      width: 48.490vw;
      background: #262727;
      padding: 2.604vw;
      z-index: 1; }
      .section-4 .part-1 .heading .author {
        font-family: "Montserrat";
        font-weight: 400;
        font-size: 0.885vw;
        line-height: 1.615vw;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-top: 0.833vw; }
  .section-4 .part-2 {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9;
    background-image: url(../img/yellow_bg.svg), linear-gradient(to bottom, #ffffff00 0%, #FDDC2E 25%);
    background-position: 0 calc(10.997vw + 4.125vw), 0;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 10.997vw; }
    .section-4 .part-2 .vase {
      width: 100%; }
    .section-4 .part-2 .flower {
      position: absolute;
      width: 19.896vw;
      height: 19.896vw;
      transform-origin: 50% 50%; }
    .section-4 .part-2 .flower1 {
      transform: translateX(-50%) scale(0.4);
      top: 11.583vw;
      left: 50%;
      background: url("../img/flowers-vase2.svg") center/cover; }
    .section-4 .part-2 .flower2 {
      top: 8.417vw;
      right: 2%;
      background: url("../img/flowers-vase2-1.svg") center/cover;
      transform: scale(0.4); }
    .section-4 .part-2 .text {
      position: absolute;
      top: 17vw;
      left: 3.542vw;
      background: url(../img/text-1.svg) center/contain no-repeat;
      padding: 13.021vw 6.667vw 5.365vw 10.208vw; }
      .section-4 .part-2 .text p {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 0.938vw;
        line-height: 1.406vw;
        letter-spacing: 0.03em;
        color: #FFFFFF;
        margin-bottom: 0.833vw;
        width: 27.604vw; }
    .section-4 .part-2 .text-2 {
      margin: -9.896vw auto 0;
      width: 27.604vw;
      padding: 10.677vw 8.906vw 9.323vw 10vw;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      z-index: 2;
      position: relative; }
      .section-4 .part-2 .text-2 .stork {
        position: absolute;
        width: 22.604vw;
        top: 50%;
        transform: translateY(-50%); }
        .section-4 .part-2 .text-2 .stork-1 {
          left: -200%; }
        .section-4 .part-2 .text-2 .stork-2 {
          right: -200%; }
      .section-4 .part-2 .text-2 p {
        font-family: "Montserrat";
        font-weight: 400;
        font-size: 0.938vw;
        line-height: 1.406vw;
        letter-spacing: 0.03em;
        color: #FFFFFF; }
        .section-4 .part-2 .text-2 p:not(:last-child) {
          margin-bottom: 0.833vw; }
  .section-4 .part-3 {
    position: absolute;
    top: 100%;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 9; }
    .section-4 .part-3 .p3-wrapper {
      position: relative;
      background: #FDDC2E;
      display: flex;
      align-items: center;
      height: 100%; }
      .section-4 .part-3 .p3-wrapper .moved {
        position: relative;
        left: 100vw; }
      .section-4 .part-3 .p3-wrapper .heading {
        position: relative;
        font-family: "Agency";
        font-style: normal;
        font-weight: 700;
        font-size: 15.625vw;
        line-height: 15.625vw;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #262727;
        white-space: nowrap;
        z-index: 2; }
      .section-4 .part-3 .p3-wrapper img {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%; }
  .section-4:after {
    content: '';
    display: block;
    width: 100%;
    height: 8.333vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8.3vw;
    background: url(../img/line3.svg) center/cover;
    z-index: 9; }

.section-5 .airplane {
  position: absolute;
  top: 13%;
  left: -8%; }
  .section-5 .airplane .details-back, .section-5 .airplane .details-front {
    animation: c-rotation .5s forwards infinite linear;
    transform-origin: 50% 50%; }
  .section-5 .airplane .details-back {
    position: absolute;
    top: -0.938vw;
    left: -1.302vw;
    z-index: 8;
    width: 3.906vw; }
  .section-5 .airplane .details-front {
    position: absolute;
    top: 4.792vw;
    right: -2.031vw;
    width: 4.479vw;
    z-index: 10; }
  .section-5 .airplane .plane {
    position: relative;
    z-index: 9;
    width: 36.354vw; }

.section-5 .part-1 {
  position: absolute;
  top: 100%;
  width: 100%;
  background: linear-gradient(to bottom, #262727 14%, #2059bd 37%); }
  .section-5 .part-1 .wrapper {
    position: relative;
    top: 100%;
    padding: 10.417vw 7.292vw 0;
    background: linear-gradient(to bottom, #262727 60%, #2059bd 80%); }
  .section-5 .part-1 .text-line {
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 5.729vw;
    line-height: 105%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0.521vw 0; }
  .section-5 .part-1 .top-numbers {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(125vw - 14.583vw);
    top: 100%;
    flex: 1;
    justify-content: space-between;
    gap: 6.875vw; }
    .section-5 .part-1 .top-numbers > * {
      width: 16.198vw; }
      .section-5 .part-1 .top-numbers > * img {
        width: 100%; }
  .section-5 .part-1 .item, .section-5 .part-1 .text-line {
    position: relative; }

.section-5 .part-2 {
  display: flex;
  position: absolute;
  width: 500vw;
  top: 100%;
  height: 100%; }
  .section-5 .part-2 .star-wrapper {
    position: relative;
    width: 500vw;
    height: 100%;
    display: flex;
    background: url("../img/stars_bg.svg") left center/400vw no-repeat, #0259BD; }
    .section-5 .part-2 .star-wrapper > div {
      flex: 1; }
  .section-5 .part-2 .intro {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column; }
    .section-5 .part-2 .intro .text {
      max-width: 48.958vw;
      margin: auto; }
      .section-5 .part-2 .intro .text h1 {
        font-family: "Teko";
        font-style: normal;
        font-weight: 300;
        font-size: 3.854vw;
        line-height: 3.750vw;
        text-transform: uppercase;
        color: #FFFFFF;
        margin: 0; }
      .section-5 .part-2 .intro .text p {
        margin-top: 0.833vw;
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 0.885vw;
        line-height: 1.615vw;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #FFFFFF; }
  .section-5 .part-2 .s-2, .section-5 .part-2 .s-3, .section-5 .part-2 .s-4 {
    padding: 13.021vw 0;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 0.938vw;
    line-height: 1.406vw;
    letter-spacing: 0.03em;
    color: #FFFFFF; }
    .section-5 .part-2 .s-2 p, .section-5 .part-2 .s-3 p, .section-5 .part-2 .s-4 p {
      width: 33.854vw; }
  .section-5 .part-2 .s-2, .section-5 .part-2 .s-4 {
    position: relative;
    align-self: flex-end; }
  .section-5 .part-2 .stand {
    position: absolute;
    right: 13.021vw;
    bottom: -0.521vw; }
    .section-5 .part-2 .stand img {
      width: 27.604vw; }
  .section-5 .part-2 .ending {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .section-5 .part-2 .ending .heading {
      font-family: "Teko";
      font-style: normal;
      font-weight: 300;
      font-size: 3.854vw;
      line-height: 3.750vw;
      text-align: center;
      text-transform: uppercase;
      color: #FFFFFF;
      width: 44.792vw;
      margin: 0 auto; }
    .section-5 .part-2 .ending .flowers {
      position: relative;
      margin-top: 6.458vw; }
      .section-5 .part-2 .ending .flowers .s5-flowers {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9;
        width: 16.458vw; }
        .section-5 .part-2 .ending .flowers .s5-flowers.s5-flower-1 {
          z-index: 9; }
        .section-5 .part-2 .ending .flowers .s5-flowers.s5-flower-2 {
          z-index: 8; }
        .section-5 .part-2 .ending .flowers .s5-flowers.s5-flower-3 {
          z-index: 7; }
        .section-5 .part-2 .ending .flowers .s5-flowers.s5-flower-4 {
          z-index: 6; }
      .section-5 .part-2 .ending .flowers .letter {
        position: relative;
        width: 9.167vw; }

.section-5:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 6.354vw;
  left: 0;
  right: 0;
  bottom: -6.302vw;
  background: url(../img/s5-line.svg) center/cover; }

.section-6 .part-1 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #262727;
  display: flex;
  align-items: center;
  overflow: hidden; }
  .section-6 .part-1 .text-wrapper {
    position: relative;
    width: 80.208vw;
    margin: auto;
    transform: scale(2) translateY(100%);
    z-index: 2; }
    .section-6 .part-1 .text-wrapper .heading {
      font-family: "Teko";
      font-style: normal;
      font-weight: 400;
      font-size: 11.458vw;
      line-height: 95%;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-bottom: 0.833vw; }
    .section-6 .part-1 .text-wrapper .author {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 0.885vw;
      line-height: 1.615vw;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #FFFFFF; }
  .section-6 .part-1 img {
    position: absolute; }
  .section-6 .part-1 .flower1 {
    width: 40.521vw;
    left: 0;
    top: -100%;
    z-index: 1; }
  .section-6 .part-1 .flower2 {
    width: 13.958vw;
    top: -100%;
    right: 6.875vw;
    z-index: 2; }
  .section-6 .part-1 .bird {
    width: 12.500vw;
    right: 18.229vw;
    bottom: -100%;
    z-index: 2; }

.section-6 .part-2 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #262727;
  padding-bottom: 7.969vw;
  padding-top: 10.417vw; }
  .section-6 .part-2 p {
    position: relative;
    left: 13.021vw;
    top: 0;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 0.938vw;
    line-height: 1.406vw;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    max-width: 27.604vw;
    margin-bottom: 6.250vw; }
  .section-6 .part-2 svg {
    position: relative;
    width: 114vw;
    margin-left: -7vw;
    height: auto; }
  .section-6 .part-2 .s6_curved {
    position: absolute;
    max-width: 14.844vw;
    z-index: 2; }

.section-6 .part-3 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #262727;
  overflow: hidden; }
  .section-6 .part-3 .c-row {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12.500vw; }
  .section-6 .part-3 .divider {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 0.104vw;
    background: #D9D9D9;
    height: 0;
    transform: translateX(-50%); }
  .section-6 .part-3 .vertical-zeros {
    position: absolute;
    left: 50%;
    top: -100%;
    width: 2.135vw;
    transform: translate(-50%, -50%); }
  .section-6 .part-3 p {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 0.938vw;
    line-height: 1.406vw;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    margin-bottom: 0.833vw;
    width: 27.604vw; }
  .section-6 .part-3 .img-wrapper {
    position: relative;
    left: 50vw; }
    .section-6 .part-3 .img-wrapper .s6-2-1-2 {
      width: 20.156vw; }
    .section-6 .part-3 .img-wrapper .s6-2-flowers {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      animation: rotateP 15s forwards linear infinite;
      width: 29.167vw; }

.section-6 .part-4 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #262727;
  display: flex;
  align-items: center;
  justify-content: center; }
  .section-6 .part-4 .mirror {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    z-index: 2; }
    .section-6 .part-4 .mirror .r-side {
      height: 100%;
      background-image: url(../img/mirror2.svg);
      background-size: cover;
      background-position: left center;
      width: 100%;
      margin-left: -0.052vw;
      position: relative; }
    .section-6 .part-4 .mirror .l-side {
      height: 100%;
      background: blue;
      background-image: url(../img/mirror2.svg);
      background-size: cover;
      background-position: left center;
      width: 100%;
      margin-right: -0.052vw;
      position: relative;
      transform: rotateY(180deg); }
  .section-6 .part-4 .divider {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 0.104vw;
    background: #D9D9D9;
    height: 0;
    transform: translateX(-50%); }
  .section-6 .part-4 .text {
    position: relative;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 0.938vw;
    line-height: 1.406vw;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    width: 27.604vw;
    padding: 5.208vw 0;
    background: #262727;
    z-index: 1; }

.section-6 .part-5 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #262727;
  display: flex;
  align-items: center; }
  .section-6 .part-5 .divider {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 0.104vw;
    background: #D9D9D9;
    height: 100%;
    transform: translateX(-50%); }
  .section-6 .part-5 .wrapper {
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden; }
  .section-6 .part-5 .mirror-layer {
    position: relative;
    left: 100%;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 0.938vw;
    line-height: 1.406vw;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    height: 100%;
    width: 100%;
    background: url("../img/mirrored-flower.svg") right center/90% no-repeat;
    display: flex;
    align-items: center;
    justify-content: center; }
    .section-6 .part-5 .mirror-layer p {
      margin-left: 7.813vw;
      width: 27.604vw; }
  .section-6 .part-5 .top-layer {
    position: relative;
    width: 50%;
    height: 100%;
    transform: rotateY(180deg);
    opacity: 0.75;
    overflow: hidden; }
    .section-6 .part-5 .top-layer .mirror-layer {
      background-position: right; }

.section-6:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 5.521vw;
  left: 0;
  right: 0;
  bottom: -5.469vw;
  background: url(../img/s6-line.svg) center/cover; }

.section-7 {
  background: #F568A9; }
  .section-7 .part-1 {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    background: #262727;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .section-7 .part-1 .heading {
      font-family: "Teko";
      font-style: normal;
      font-weight: 300;
      font-size: 3.854vw;
      line-height: 3.750vw;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-bottom: 0.833vw;
      width: 771px;
      text-align: left; }
    .section-7 .part-1 .author {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 0.885vw;
      line-height: 1.615vw;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #FFFFFF;
      width: 771px;
      text-align: left; }
    .section-7 .part-1 img {
      width: 100%; }
    .section-7 .part-1 .eye-wrapper {
      position: relative;
      display: flex;
      width: 75.521vw;
      height: auto;
      justify-content: center;
      align-items: center;
      margin: 3.646vw auto 0; }
      .section-7 .part-1 .eye-wrapper .eyes {
        position: absolute;
        bottom: 0.260vw;
        width: 13.542vw;
        height: 13.542vw;
        display: block;
        background-color: #FDE8C9;
        margin: 0 5.208vw;
        border-radius: 50%;
        box-shadow: 0 0 0 0.833vw #E5541C; }
        .section-7 .part-1 .eye-wrapper .eyes.left {
          left: 13.906vw; }
        .section-7 .part-1 .eye-wrapper .eyes.right {
          right: 13.906vw; }
        .section-7 .part-1 .eye-wrapper .eyes::before {
          content: "";
          top: 50%;
          left: 1.823vw;
          transform: translate(-50%, -50%);
          width: 4.583vw;
          height: 4.583vw;
          border-radius: 50%;
          background: #E5541C;
          position: absolute;
          box-sizing: border-box; }
  .section-7 .part-2 {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
    .section-7 .part-2 p {
      position: relative;
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 0.938vw;
      line-height: 1.406vw;
      letter-spacing: 0.03em;
      color: #262727;
      z-index: 2;
      width: 27.604vw;
      margin: 0 auto; }
    .section-7 .part-2 img.block {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 67.760vw;
      z-index: 1; }
    .section-7 .part-2 .top-teeth, .section-7 .part-2 .bot-teeth {
      position: absolute;
      width: 100%;
      height: auto;
      z-index: 3; }
    .section-7 .part-2 .top-teeth {
      top: -7%; }
    .section-7 .part-2 .bot-teeth {
      bottom: -7%; }
    .section-7 .part-2 .number-97 {
      position: absolute;
      width: 47.969vw;
      top: 50%;
      left: -100%;
      transform: translateY(-50%);
      z-index: 3; }
  .section-7 .part-3 {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
    .section-7 .part-3 p {
      position: relative;
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 0.938vw;
      line-height: 1.406vw;
      letter-spacing: 0.03em;
      color: #262727;
      margin-bottom: 0;
      margin-left: -20%;
      width: 27.604vw;
      z-index: 2; }
    .section-7 .part-3 img {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      .section-7 .part-3 img.lion-head {
        right: -40%;
        transform: translateY(-50%);
        width: 31.771vw;
        z-index: 2; }
      .section-7 .part-3 img.block-3 {
        left: 45%;
        transform: translate(-50%, -50%);
        width: 62.708vw; }
  .section-7 .part-4 {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .section-7 .part-4 p {
      position: relative;
      width: 20.417vw;
      margin-bottom: 6.208vw;
      margin-left: 7.208vw;
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 0.938vw;
      line-height: 1.406vw;
      letter-spacing: 0.03em;
      color: #FFFFFF;
      z-index: 2; }
    .section-7 .part-4 .flower-b {
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      width: 25.052vw; }
    .section-7 .part-4 .s7-circle {
      position: absolute;
      left: 53%;
      transform: translateX(-50%);
      bottom: 25%;
      width: 30.156vw; }
    .section-7 .part-4 .paw1 {
      position: absolute;
      left: -35%;
      top: 0;
      width: 34.896vw; }
    .section-7 .part-4 .paw2 {
      position: absolute;
      right: -35%;
      top: 0;
      width: 34.948vw; }
  .section-7 .part-5 {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .section-7 .part-5 .flower-t {
      position: absolute;
      left: calc(50% - 0.833vw);
      top: -0.052vw;
      transform: translateX(-50%);
      width: 57vw; }
    .section-7 .part-5 h1 {
      font-family: "Teko";
      font-style: normal;
      font-weight: 400;
      font-size: 8.438vw;
      line-height: 105%;
      text-transform: uppercase;
      color: #262727; }
    .section-7 .part-5 .side {
      position: absolute;
      left: 75%;
      top: 50%;
      width: 200vw;
      text-align: center;
      transform: scale(1) translateY(-50%); }
      .section-7 .part-5 .side h1 {
        position: relative;
        width: 200vw;
        margin: 0 0 0.521vw;
        text-align: center;
        justify-content: center;
        display: flex; }
        .section-7 .part-5 .side h1:first-child {
          align-items: flex-end; }
        .section-7 .part-5 .side h1:last-child {
          padding-left: 10vw; }
        .section-7 .part-5 .side h1 > img {
          margin: 0 5.208vw; }
        .section-7 .part-5 .side h1 .left-img {
          display: flex;
          align-items: flex-start;
          position: absolute;
          left: 15vw;
          top: 0;
          margin-right: 6.927vw; }
          .section-7 .part-5 .side h1 .left-img img {
            flex-basis: auto; }
          .section-7 .part-5 .side h1 .left-img .s7-l-flower-1 {
            width: 9.219vw;
            margin-right: 4.531vw; }
          .section-7 .part-5 .side h1 .left-img .s7-l-flower-2 {
            width: 17.969vw;
            margin-right: 4.531vw; }
          .section-7 .part-5 .side h1 .left-img .s7-l-flower-3 {
            width: 9.219vw;
            margin-right: 6.927vw;
            margin-top: 3.802vw; }
          .section-7 .part-5 .side h1 .left-img .s7-l-flower-4 {
            width: 9.219vw; }
        .section-7 .part-5 .side h1 .right-img {
          position: absolute;
          top: 0;
          right: 15vw;
          margin-left: 4.063vw; }
          .section-7 .part-5 .side h1 .right-img img {
            width: 55.313vw; }
  .section-7:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 9.323vw;
    left: 0;
    right: 0;
    bottom: -9.271vw;
    background: url(../img/s7-line.svg) center/cover; }

.section-8 .part-1 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #FFC42D;
  display: flex;
  align-items: center;
  overflow: hidden; }
  .section-8 .part-1 .wide-screen {
    display: flex;
    align-items: center;
    flex: 1; }
    .section-8 .part-1 .wide-screen .s-part {
      width: 100vw;
      background: url("../img/s8-flowers-bg.svg") center/100% no-repeat;
      display: flex;
      align-items: flex-end;
      padding-left: 8.958vw;
      position: relative; }
      .section-8 .part-1 .wide-screen .s-part .inner {
        display: flex;
        align-items: flex-end;
        padding-bottom: 4.250vw;
        position: relative; }
        .section-8 .part-1 .wide-screen .s-part .inner > div {
          flex: 1 0 auto; }
      .section-8 .part-1 .wide-screen .s-part .home-wrapper {
        position: relative; }
        .section-8 .part-1 .wide-screen .s-part .home-wrapper img {
          width: 51.406vw; }
        .section-8 .part-1 .wide-screen .s-part .home-wrapper .text-wrapper {
          position: absolute;
          right: 4.010vw;
          bottom: 4.531vw; }
        .section-8 .part-1 .wide-screen .s-part .home-wrapper p {
          font-family: "Montserrat";
          font-style: normal;
          font-weight: 400;
          font-size: 0.938vw;
          line-height: 1.406vw;
          letter-spacing: 0.03em;
          color: #FFFFFF;
          width: 29.167vw;
          margin-bottom: 0.833vw; }
      .section-8 .part-1 .wide-screen .s-part .horses {
        position: relative;
        margin-left: 13.750vw; }
        .section-8 .part-1 .wide-screen .s-part .horses .horse {
          width: 45.938vw; }
        .section-8 .part-1 .wide-screen .s-part .horses .wheel {
          position: absolute;
          bottom: 2.552vw;
          right: 14.115vw;
          width: 7.552vw; }
        .section-8 .part-1 .wide-screen .s-part .horses .wheel2 {
          position: absolute;
          bottom: 2.813vw;
          right: 2.604vw;
          width: 7.552vw; }
      .section-8 .part-1 .wide-screen .s-part .flower-8-1 {
        margin-left: 13.073vw;
        margin-right: 8.073vw;
        padding: 11.510vw 8.906vw;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: relative;
        top: 2.100vw; }
        .section-8 .part-1 .wide-screen .s-part .flower-8-1 p {
          font-family: "Montserrat";
          font-style: normal;
          font-weight: 400;
          font-size: 0.938vw;
          line-height: 1.406vw;
          letter-spacing: 0.03em;
          color: #262727;
          width: 24.271vw; }
      .section-8 .part-1 .wide-screen .s-part .flower-8-2 {
        padding: 5.990vw 4.896vw 9.375vw 5.729vw;
        background: url("../img/s8-flower8-1.svg") center/contain no-repeat; }
        .section-8 .part-1 .wide-screen .s-part .flower-8-2 p {
          font-family: "Montserrat";
          font-style: normal;
          font-weight: 400;
          font-size: 0.938vw;
          line-height: 1.406vw;
          letter-spacing: 0.03em;
          color: #262727;
          width: 11.875vw; }
  .section-8 .part-1 h1 {
    width: 100vw;
    font-family: "Agency";
    font-style: normal;
    font-weight: 700;
    font-size: 15.625vw;
    line-height: 15.625vw;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #262727;
    margin-left: 100vw; }

.section-8 .layer-1 {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 104.167vw;
  height: 104.167vw;
  background: -moz-radial-gradient(transparent 12.24vw, #262727 12.24vw);
  background: -webkit-radial-gradient(transparent 12.24vw, #262727 12.24vw);
  background: -ms-radial-gradient(transparent 12.24vw, #262727 12.24vw);
  background: -o-radial-gradient(transparent 12.24vw, #262727 12.24vw);
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 2; }

.section-8 .part-2 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #FFC42D;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }
  .section-8 .part-2 img {
    position: absolute; }
    .section-8 .part-2 img.s8-2-img-1 {
      bottom: 100%;
      left: 70%; }
    .section-8 .part-2 img.s8-2-img-2 {
      left: 10%;
      top: -75%; }
    .section-8 .part-2 img.s8-2-img-3 {
      right: 10%;
      bottom: -100%; }
  .section-8 .part-2 .img-w-t {
    position: absolute;
    left: -50%;
    top: 100%;
    transform: translate(-50%, -50%);
    padding: 9.948vw 9.792vw 12.135vw;
    background: url("../img/s8-2-img-4.svg") center/contain no-repeat; }
    .section-8 .part-2 .img-w-t p {
      width: 35.990vw;
      font-family: "Teko";
      font-style: normal;
      font-weight: 400;
      font-size: 2.708vw;
      line-height: 115%;
      text-transform: uppercase;
      color: #262727; }

.section-8 .part-3 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #FFC42D;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }
  .section-8 .part-3 img {
    position: absolute; }
    .section-8 .part-3 img.ground {
      bottom: 0;
      width: 100%;
      z-index: 5; }
    .section-8 .part-3 img.sun {
      bottom: 0;
      left: auto;
      right: auto;
      margin: auto;
      width: 35.365vw; }
    .section-8 .part-3 img.girl {
      bottom: 27.5%;
      left: 50%;
      z-index: 6;
      width: 15.469vw; }
    .section-8 .part-3 img.cossack {
      bottom: 27.5%;
      width: 9.531vw;
      left: -10vw;
      z-index: 6; }

.section-8 .part-4 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #FF5F38;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden; }
  .section-8 .part-4 h1 {
    font-family: "Teko";
    font-style: normal;
    font-weight: 300;
    font-size: 3.854vw;
    line-height: 3.750vw;
    text-transform: uppercase;
    color: #262727;
    width: 53.385vw;
    margin: 3.646vw auto 0; }
  .section-8 .part-4 img {
    position: relative;
    left: -100%;
    width: 69.479vw; }

.section-8:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 5.313vw;
  left: 0;
  right: 0;
  bottom: -5.25vw;
  background: url(../img/s8-line.svg) center/cover; }

.section-9 .part-1 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #262727;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden; }
  .section-9 .part-1 img {
    display: block;
    padding: 3.333vw 3.125vw 3.281vw;
    width: 100%;
    max-width: 90vw;
    display: block;
    margin: auto;
    transform: scale(1); }

.section-9 .part-2 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #262727;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column; }
  .section-9 .part-2 .top {
    display: flex;
    align-items: center;
    margin-bottom: 2.083vw;
    gap: 0 6.510vw; }
    .section-9 .part-2 .top p {
      position: relative;
      left: -50vw;
      font-family: "Montserrat";
      font-weight: 400;
      font-size: 0.938vw;
      line-height: 1.406vw;
      letter-spacing: 0.03em;
      color: #FFFFFF;
      width: 27.604vw; }
    .section-9 .part-2 .top img {
      width: 32.031vw;
      position: relative;
      left: 50vw; }
  .section-9 .part-2 .bot {
    padding: 6.771vw 0;
    background: #26305D; }
    .section-9 .part-2 .bot img {
      position: relative;
      left: 100%;
      width: 123.854vw; }

.section-9 .part-3 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: auto;
  background: #26305D;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .section-9 .part-3 p.middle-text {
    position: absolute;
    top: 13.021vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 0.938vw;
    line-height: 1.406vw;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    width: 19.427vw;
    z-index: 3; }
  .section-9 .part-3 img.s8-face {
    position: relative;
    display: block;
    width: 100%; }
  .section-9 .part-3-1 {
    position: relative;
    height: 100vh;
    width: 100%;
    background: #E5DECE;
    text-align: center;
    overflow: hidden; }
    .section-9 .part-3-1 .bed {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 100%;
      z-index: 2; }
    .section-9 .part-3-1 .hryva {
      position: absolute;
      left: 0;
      right: 0;
      top: -75%;
      margin: auto;
      padding: 10.417vw 8.750vw 16.146vw;
      background: url(../img/s8-hryva.svg) center top/contain no-repeat; }
      .section-9 .part-3-1 .hryva p {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 0.938vw;
        line-height: 1.406vw;
        letter-spacing: 0.03em;
        color: #FFFFFF;
        width: 20.104vw;
        margin: 0 auto; }
    .section-9 .part-3-1 .before-lion-text {
      position: relative;
      top: -50%;
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 0.938vw;
      line-height: 1.406vw;
      letter-spacing: 0.03em;
      color: #262727;
      width: 31.250vw;
      margin: 4.688vw auto 2.917vw;
      text-align: left; }
    .section-9 .part-3-1 .lion {
      position: relative;
      top: -75%; }
      .section-9 .part-3-1 .lion img {
        width: 27.552vw;
        margin-top: -1.563vw; }

.section-9 .part-4 {
  background: #CB361E;
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  overflow: hidden; }
  .section-9 .part-4 p {
    position: relative;
    top: 100%;
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 8.438vw;
    line-height: 105%;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 56.771vw;
    margin-left: 7.813vw; }
  .section-9 .part-4 img {
    position: absolute;
    width: 43.177vw;
    right: -50%;
    top: 50%;
    transform: translateY(-50%); }

.section-9:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 15.208vw;
  left: 0;
  right: 0;
  bottom: -15.156vw;
  background: url(../img/s9-line.svg) center/cover; }

.section-10 .part-1 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #3F61B4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden; }
  .section-10 .part-1 img.face {
    width: 24.115vw;
    position: relative;
    z-index: 2; }
  .section-10 .part-1 img.s10-fishes {
    position: absolute;
    top: 50%;
    left: -100%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1; }

.section-10 .part-2 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #3F61B4;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .section-10 .part-2 .heading {
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 3.333vw;
    line-height: 95%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-left: 9.896vw;
    width: 33.906vw; }
  .section-10 .part-2 .inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    width: 300vw;
    height: 100%; }
    .section-10 .part-2 .inner > div {
      width: 100vw; }
    .section-10 .part-2 .inner .s10-path {
      position: absolute;
      left: 21.719vw;
      top: 50%;
      overflow: visible;
      width: 262.865vw;
      pointer-events: none;
      transform: translateY(-50%); }
    .section-10 .part-2 .inner .part-2-2 {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .section-10 .part-2 .inner .part-2-2 svg {
        position: relative;
        width: 37.396vw;
        left: 5.208vw;
        z-index: 9; }
        .section-10 .part-2 .inner .part-2-2 svg path, .section-10 .part-2 .inner .part-2-2 svg g {
          transition: all .3s ease; }
        .section-10 .part-2 .inner .part-2-2 svg.active #mask0_1588_10401 path {
          transform: translateY(-55vh); }
        .section-10 .part-2 .inner .part-2-2 svg.active #inner_sun {
          transform: translateY(-55vh); }
      .section-10 .part-2 .inner .part-2-2 .n-2161 {
        position: relative;
        left: 12.240vw; }
    .section-10 .part-2 .inner .part-2-3 {
      display: flex;
      align-items: center;
      flex-shrink: 0; }
      .section-10 .part-2 .inner .part-2-3 p {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 0.938vw;
        line-height: 1.406vw;
        letter-spacing: 0.03em;
        color: #FFFFFF;
        max-width: 23.542vw;
        position: relative;
        left: 5.208vw; }
      .section-10 .part-2 .inner .part-2-3 .potato {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 0.938vw;
        line-height: 1.406vw;
        letter-spacing: 0.03em;
        color: #262727;
        width: 23.542vw;
        position: absolute;
        right: 4.167vw;
        top: 5.208vw;
        background: url(../img/potato.svg) center/contain no-repeat;
        padding: 7.656vw 9.323vw 7.500vw 9.948vw; }
      .section-10 .part-2 .inner .part-2-3 .s10-flower {
        width: 28.021vw;
        position: relative;
        left: 5.208vw; }

.section-10 .part-3 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #3F61B4;
  display: flex;
  align-items: center; }
  .section-10 .part-3 img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
  .section-10 .part-3 p {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 0.938vw;
    line-height: 1.406vw;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    width: 29.167vw; }
    .section-10 .part-3 p:not(:last-child) {
      margin-bottom: 0.833vw; }
  .section-10 .part-3 .inner {
    position: relative;
    background: url(../img/s10-blue-paint.svg) center/contain no-repeat;
    padding: 6.667vw 5.625vw;
    margin: auto;
    z-index: 3; }

.section-10 .part-4 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #FC4966;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }
  .section-10 .part-4 .heading {
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 3.333vw;
    line-height: 95%;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 35.521vw; }
  .section-10 .part-4 .s10-paws1 {
    position: absolute;
    top: -100%;
    left: 0;
    width: 86.771vw; }
  .section-10 .part-4 .s10-paws2 {
    position: absolute;
    bottom: -100%;
    right: 14.063vw;
    width: 65.781vw; }

.section-10 .layer-1 {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 104.167vw;
  height: 104.167vw;
  background: -moz-radial-gradient(transparent 12.552vw, #262727 12.552vw);
  background: -webkit-radial-gradient(transparent 12.552vw, #262727 12.552vw);
  background: -ms-radial-gradient(transparent 12.552vw, #262727 12.552vw);
  background: -o-radial-gradient(transparent 12.552vw, #262727 12.552vw);
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 2; }
  .section-10 .layer-1 img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 84.844vw; }

.section-10:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 4.167vw;
  left: 0;
  right: 0;
  bottom: -4.167vw;
  background: url(../img/s10-line.svg) center/cover; }

.section-11 .part-1 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #262727;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden; }
  .section-11 .part-1 .text-lines .text-line {
    position: relative;
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 11.458vw;
    line-height: 95%;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center; }
    .section-11 .part-1 .text-lines .text-line.text-1 {
      left: -100%; }
    .section-11 .part-1 .text-lines .text-line.text-2 {
      left: 100%; }
    .section-11 .part-1 .text-lines .text-line.text-3 {
      left: -100%;
      flex-direction: column;
      align-items: flex-start; }
    .section-11 .part-1 .text-lines .text-line img {
      display: inline-block;
      margin: 0 1.042vw; }
    .section-11 .part-1 .text-lines .text-line:not(:last-child) {
      margin-bottom: 2.604vw; }
  .section-11 .part-1 .text-lines .t_img_1 {
    width: 11.406vw; }
  .section-11 .part-1 .text-lines .t_img_2 {
    width: 21.354vw; }
  .section-11 .part-1 .text-lines .t_img_3 {
    width: 8.125vw; }
  .section-11 .part-1 .author {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 0.885vw;
    line-height: 1.615vw;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #B2B2B2; }

.section-11 .part-2 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden; }
  .section-11 .part-2 .drunk-guys-wrapper {
    position: relative;
    z-index: 2; }
    .section-11 .part-2 .drunk-guys-wrapper img {
      display: block;
      width: 47.396vw; }
  .section-11 .part-2 .drunk-guys {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .section-11 .part-2 .s11-ground {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0; }

.section-11 .part-3 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background: #F87523;
  justify-content: center;
  flex-direction: column;
  overflow: hidden; }
  .section-11 .part-3 .text-wrapper {
    background: url(../img/s11-text-bg.png) top left/contain no-repeat; }
  .section-11 .part-3 p {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 0.938vw;
    line-height: 1.406vw;
    letter-spacing: 0.03em;
    color: #262727;
    width: 28.438vw;
    padding: 10.052vw 3.646vw 5.052vw; }
  .section-11 .part-3 .s11-leg1 {
    position: absolute;
    top: 0;
    left: -30.260vw;
    width: 30.260vw; }
  .section-11 .part-3 .s11-leg2 {
    position: absolute;
    top: 0;
    right: -37.448vw;
    width: 37.448vw; }
  .section-11 .part-3 .s11-bottle {
    position: absolute;
    bottom: -15.625vw;
    width: 4.010vw;
    margin: auto; }

.section-11 .part-4 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: calc(100% + 13.648vw);
  display: flex;
  align-items: center;
  background: url(../img/s11-bg-numbers.svg) center/cover, #262727;
  justify-content: center;
  flex-direction: column;
  overflow: hidden; }
  .section-11 .part-4 .faces-wrapper {
    height: 13.648vw;
    background: url(../img/s11-4-line.svg) center top/contain repeat-x;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: auto;
    flex: 1 0 auto; }
    .section-11 .part-4 .faces-wrapper img {
      position: relative;
      height: 6.719vw;
      left: 20%; }
  .section-11 .part-4 .birds-wrapper {
    display: flex;
    width: 200vw;
    position: relative;
    left: -125vw;
    justify-content: flex-end;
    align-items: flex-end; }
    .section-11 .part-4 .birds-wrapper > * {
      width: 100vw; }
  .section-11 .part-4 .bird-1 p {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 0.938vw;
    line-height: 1.406vw;
    letter-spacing: 0.03em;
    color: #262727;
    max-width: 29.167vw;
    padding: 18.073vw 16.354vw 16.563vw 6.615vw;
    background-position: left top;
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto; }
  .section-11 .part-4 .bird-2 {
    align-self: center; }
    .section-11 .part-4 .bird-2 p {
      margin: auto;
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 0.938vw;
      line-height: 1.406vw;
      letter-spacing: 0.03em;
      color: #262727;
      max-width: 29.167vw;
      padding: 11.458vw 20.052vw 6.563vw 20.104vw;
      background: url(../img/s11-face.png) left top/contain no-repeat; }

.section-11 .part-5 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 200%;
  display: flex;
  align-items: center;
  background: #262727;
  justify-content: center;
  flex-direction: column;
  overflow: hidden; }
  .section-11 .part-5 .heading {
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 11.458vw;
    line-height: 95%;
    padding: 1.406vw 7.552vw;
    margin-bottom: 2.604vw;
    color: #262727;
    opacity: 0; }
    .section-11 .part-5 .heading-1 {
      color: #fff;
      background: #354B8D; }
    .section-11 .part-5 .heading-2 {
      background: #FEE236; }
    .section-11 .part-5 .heading-3 {
      background: #F87523; }
    .section-11 .part-5 .heading-4 {
      background: #D4498A; }
  .section-11 .part-5 img {
    margin-bottom: 2.604vw;
    opacity: 0;
    width: 4.688vw; }

.section-11:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 4.375vw;
  left: 0;
  right: 0;
  bottom: -4.323vw;
  background: url(../img/s11-line.svg) center/cover; }

.section-12 .part-1 {
  position: relative;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #262727;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .section-12 .part-1 img:not(.b-breaker) {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10; }
  .section-12 .part-1 .heading {
    font-family: "Teko";
    font-style: normal;
    font-weight: 300;
    font-size: 3.885vw;
    line-height: 3.780vw;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    width: 45.407vw; }
  .section-12 .part-1 .b-breaker {
    position: absolute;
    bottom: 0;
    width: 100%; }

.section-12 .part-2 {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  background: #167EDB; }
  .section-12 .part-2 .heading {
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 3.360vw;
    line-height: 95%;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 35.801vw;
    margin: 0 auto; }
  .section-12 .part-2 .bench {
    width: 52.546vw; }
  .section-12 .part-2 .chicken-hand {
    position: absolute;
    bottom: -25%;
    left: 100%;
    width: 52.703vw; }

.section-12 .part-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background: url(../img/s12-3-numbers.svg) center top/65.197vw no-repeat, #E556A6;
  overflow: hidden; }
  .section-12 .part-3 svg {
    position: absolute;
    width: 115%;
    height: 115%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .section-12 .part-3 svg > * {
      position: relative; }
    .section-12 .part-3 svg #flower_item_1 {
      transform: translate(475px, 150px); }
    .section-12 .part-3 svg #flower_item_2 {
      transform: translate(100px, 160px); }
    .section-12 .part-3 svg #flower_item_3 {
      transform: translate(-110px, 285px); }
    .section-12 .part-3 svg #flower_item_4 {
      transform: translate(350px, -350px); }
    .section-12 .part-3 svg #flower_item_5 {
      transform: translate(-440px, -380px); }
    .section-12 .part-3 svg #flower_item_6 {
      transform: translate(-100px, -135px); }
    .section-12 .part-3 svg #flower_item_7 {
      transform: translate(-500px, 75px); }
    .section-12 .part-3 svg #flower_item_8 {
      transform: translate(-407px, 224px); }
    .section-12 .part-3 svg #flower_item_9 {
      transform: translate(-300px, -330px); }
    .section-12 .part-3 svg #flower_item_10 {
      transform: translate(130px, -250px); }
    .section-12 .part-3 svg #flower_item_11 {
      transform: translate(0, -290px); }
    .section-12 .part-3 svg #flower_item_12 {
      transform: translate(260px, 275px); }
    .section-12 .part-3 svg #flower_item_13 {
      transform: translate(276px, 0px); }
    .section-12 .part-3 svg #flower_item_14 {
      transform: translate(-20px, 215px); }
    .section-12 .part-3 svg #flower_item_15 {
      transform: translate(-400px, 50px); }
    .section-12 .part-3 svg #flower_item_16 {
      transform: translate(100px, -150px); }
  .section-12 .part-3 .s12-flower-bg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scale(2);
    background: url(../img/s12-environment1.svg) left center/cover;
    width: 100%;
    height: 100%; }
  .section-12 .part-3 .s12-horse {
    position: absolute;
    left: 100%;
    top: 100%;
    width: 39.160vw; }
  .section-12 .part-3 p {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 0.945vw;
    line-height: 1.417vw;
    letter-spacing: 0.03em;
    color: #4D3E41;
    width: 29.396vw; }
  .section-12 .part-3 .harvest {
    position: absolute;
    left: -90%;
    bottom: 2.625vw;
    width: 83.045vw; }
  .section-12 .part-3 .yellow-bg-1 {
    position: absolute;
    top: 7.874vw;
    right: -50%;
    padding: 5.459vw 7.349vw 5.249vw;
    background: url(../img/s12-bg-text-1.svg) center/contain no-repeat; }
  .section-12 .part-3 .yellow-bg-2 {
    position: absolute;
    top: 7.874vw;
    left: -50%;
    padding: 5.827vw 7.349vw 6.089vw;
    background: url(../img/s12-bg-text-1.svg) center/contain no-repeat; }

.section-12 .part-4 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 200%;
  height: 100%;
  top: 0;
  right: -200%;
  background: url(../img/s12-environment2.svg) center/cover, #E556A6;
  overflow: hidden; }
  .section-12 .part-4 .yellow-bg-3 {
    padding: 6.299vw 6.404vw 5.669vw 8.294vw;
    background: url(../img/s12-bg-text-2.svg) center/contain no-repeat;
    width: 29.396vw;
    margin: auto;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 0.945vw;
    line-height: 1.417vw;
    letter-spacing: 0.03em;
    color: #4D3E41; }
  .section-12 .part-4 .yellow-bg-4 {
    padding: 5.354vw 7.349vw;
    background: url(../img/s12-text-block-4.svg) center/contain no-repeat;
    width: 29.396vw;
    margin: auto;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 0.945vw;
    line-height: 1.417vw;
    letter-spacing: 0.03em;
    color: #4D3E41; }
  .section-12 .part-4 .s-1, .section-12 .part-4 .s-2 {
    flex: 1 0 50%; }
  .section-12 .part-4 .levanna {
    display: none;
    position: absolute;
    left: 75vw;
    top: 50%;
    width: 27.927vw;
    height: 34.541vw;
    background: url(../img/levanna.svg) center/contain no-repeat;
    animation: rotateN forwards 6s infinite linear;
    z-index: 2; }
  .section-12 .part-4 .text {
    position: absolute;
    bottom: -220%;
    right: 6.824vw;
    width: 55.853vw;
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 8.504vw;
    line-height: 105%;
    text-transform: uppercase;
    color: #F68132; }

.section-12:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1.785vw;
  left: 0;
  right: 0;
  bottom: -1.470vw;
  background: url(../img/s12-line.svg) center/cover; }

.section-13 .part-1 {
  position: relative;
  top: -5px;
  width: 100%;
  height: calc(100vh + 5px);
  background: #262727;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden; }
  .section-13 .part-1 .text {
    position: absolute;
    left: 7.087vw;
    top: 8.924vw;
    width: 52.178vw; }
  .section-13 .part-1 .heading {
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 3.360vw;
    line-height: 95%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 0.840vw; }
  .section-13 .part-1 .author {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 0.892vw;
    line-height: 1.627vw;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF; }
  .section-13 .part-1 .inner-1 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #262727; }
  .section-13 .part-1 .under-layer {
    position: absolute;
    left: 0;
    top: 100%;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../img/s12-under-layer.png) bottom center/cover, #1D57CC; }
    .section-13 .part-1 .under-layer .t-1 {
      position: relative;
      top: 5.249vw;
      left: 17.323vw;
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 0.945vw;
      line-height: 1.417vw;
      letter-spacing: 0.03em;
      color: #FFFFFF;
      width: 27.822vw; }
    .section-13 .part-1 .under-layer .t-2 {
      position: relative;
      top: 100%;
      left: 12.073vw;
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 0.945vw;
      line-height: 1.417vw;
      letter-spacing: 0.03em;
      color: #262727;
      width: 24.147vw;
      padding: 5.249vw 4.724vw;
      background: url(../img/s12-cloud.svg) center/contain no-repeat; }
  .section-13 .part-1 .s12-floor {
    position: absolute;
    bottom: -100%;
    right: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    z-index: 4; }
    .section-13 .part-1 .s12-floor .floor {
      position: relative;
      top: 0.105vw;
      width: 100%; }
    .section-13 .part-1 .s12-floor .s12-bird {
      position: absolute;
      right: 6.562vw;
      bottom: 55%;
      width: 29.606vw;
      z-index: 5; }
    .section-13 .part-1 .s12-floor .frost-grandfather {
      position: absolute;
      right: -50%;
      top: -75%;
      width: 36.640vw; }

.section-13 .part-2 {
  position: absolute;
  top: 100%;
  width: 200%;
  height: 100vh;
  background: url(../img/s12-forest.png) bottom left/cover, #E9430E;
  display: flex;
  align-items: flex-end;
  justify-content: center; }
  .section-13 .part-2 > div {
    flex: 1 0 50%; }
  .section-13 .part-2 .part-2-1 {
    padding-bottom: 10.499vw; }
    .section-13 .part-2 .part-2-1 svg {
      position: absolute;
      left: -15.486vw;
      bottom: 10.499vw;
      width: 66.614vw; }
      .section-13 .part-2 .part-2-1 svg path {
        stroke: transparent; }
  .section-13 .part-2 .part-2-2 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
    .section-13 .part-2 .part-2-2 .text-wrapper {
      position: relative;
      padding: 4.672vw 2.520vw 2.625vw 2.730vw;
      background: url(../img/s12-p2-2-bg.svg) center/contain no-repeat;
      width: 24.147vw;
      z-index: 2; }
    .section-13 .part-2 .part-2-2 p {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 0.945vw;
      line-height: 1.417vw;
      letter-spacing: 0.03em;
      color: #262727;
      margin: 0; }
    .section-13 .part-2 .part-2-2 .s12-circle {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 25.722vw;
      animation: rotateP forwards 15s linear infinite; }
    .section-13 .part-2 .part-2-2 svg {
      position: absolute;
      top: 1.050vw;
      right: -2.100vw;
      z-index: 99;
      width: 52.756vw; }
      .section-13 .part-2 .part-2-2 svg path {
        stroke: transparent;
        fill: transparent; }
    .section-13 .part-2 .part-2-2 .s13-bird-2 {
      position: absolute;
      right: -4.094vw;
      top: 1.050vw;
      width: 4.094vw;
      z-index: 5; }
  .section-13 .part-2 .s12-angry-owl {
    position: relative;
    left: -19.895vw;
    width: 19.895vw; }

.section-13 .part-3 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100vh;
  background: #262727;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center; }
  .section-13 .part-3 .top-layer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 157.480vw;
    min-width: 157.480vw;
    height: 157.480vw;
    min-height: 157.480vw;
    background: #FCF5F5;
    border-radius: 50%;
    overflow: hidden;
    z-index: 9; }
    .section-13 .part-3 .top-layer .heading {
      font-family: "Teko";
      font-style: normal;
      font-weight: 300;
      font-size: 3.885vw;
      line-height: 3.780vw;
      text-transform: uppercase;
      color: #262727;
      width: 45.669vw;
      min-width: 45.669vw;
      margin: 0; }
  .section-13 .part-3 .sun-system {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .section-13 .part-3 .sun-system img {
      position: absolute;
      z-index: 2; }
      .section-13 .part-3 .sun-system img #s13-sun-1 {
        width: 3.150vw; }
      .section-13 .part-3 .sun-system img #s13-sun-2 {
        width: 3.150vw; }
      .section-13 .part-3 .sun-system img #s13-sun-3 {
        width: 3.150vw; }
      .section-13 .part-3 .sun-system img #s13-sun-4 {
        width: 3.675vw; }
      .section-13 .part-3 .sun-system img #s13-sun-5 {
        width: 4.199vw; }
      .section-13 .part-3 .sun-system img #s13-sun-6 {
        width: 2.887vw; }
      .section-13 .part-3 .sun-system img #s13-sun-7 {
        width: 4.252vw; }
      .section-13 .part-3 .sun-system img #s13-sun-8 {
        width: 7.874vw; }
    .section-13 .part-3 .sun-system .s13-sun {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1;
      width: 9.081vw; }
    .section-13 .part-3 .sun-system .in-svg-numbers {
      opacity: 0; }
    .section-13 .part-3 .sun-system svg:not(.s13-sun) {
      width: 86.142vw; }

.section-13 .part-4 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100vh;
  background: #262727;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center; }
  .section-13 .part-4 .s13-snow {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
  .section-13 .part-4 .s13-floor {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 1;
    bottom: 0; }
  .section-13 .part-4 .s13-elephant {
    position: absolute;
    bottom: 12.598vw;
    width: 93.491vw;
    left: auto;
    right: auto;
    z-index: 2; }
  .section-13 .part-4 .heading {
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 3.360vw;
    line-height: 95%;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 36.168vw;
    margin: 0 auto; }
  .section-13 .part-4 .black-layer {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url("../img/1676.jpg") center/cover;
    clip-path: circle(15.748vw at var(--x) var(--y)) !important;
    filter: grayscale(0%); }

.section-13 .part-5 {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100vh;
  background: #262727;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .section-13 .part-5 .text {
    position: relative;
    font-family: "Teko";
    font-style: normal;
    font-weight: 400;
    font-size: 11.549vw;
    line-height: 95%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 76.798vw; }
    .section-13 .part-5 .text.text-1 img {
      width: 74.541vw;
      left: -120%; }
    .section-13 .part-5 .text.text-2 img {
      width: 75.276vw;
      right: -120%; }
    .section-13 .part-5 .text img {
      position: absolute;
      bottom: 2.625vw; }
  .section-13 .part-5 .buttons {
    display: flex;
    justify-content: space-between;
    gap: 0 8.399vw;
    margin-top: 3.675vw;
    margin-bottom: 5.774vw; }
    .section-13 .part-5 .buttons a {
      display: inline-block;
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 1.155vw;
      line-height: 1.365vw;
      text-align: center;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #FFFFFF;
      padding: 1.050vw 2.100vw;
      text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
      border: 1px solid #fff;
      text-decoration: none;
      transition: all .3s ease; }
      .section-13 .part-5 .buttons a:hover {
        background: #2B53A4; }
  .section-13 .part-5 .footer {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 86.509vw;
    margin-bottom: 3.150vw; }
    .section-13 .part-5 .footer-info {
      display: flex;
      align-items: center;
      gap: 0 0.787vw; }
      .section-13 .part-5 .footer-info p {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 0.5vw;
        line-height: 1;
        text-align: right;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #afafaf;
        margin-bottom: 0;
        margin-top: -0.367vw; }
    .section-13 .part-5 .footer img {
      width: 11.444vw; }
    .section-13 .part-5 .footer a {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 0.892vw;
      line-height: 1.627vw;
      text-align: right;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #FFFFFF; }