.home-banner {
  width: 100%;
  height: calc(100vh - 4rem);
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.home-banner-track {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120vh;
  min-height: 50rem;
  overflow: hidden;
}

.home-banner__logo {
  width: 100%;
  text-align: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-banner__logo-white {
  margin: 0 auto;
  -webkit-transform: scale(0.5) translate(0, -15rem);
  -ms-transform: scale(0.5) translate(0, -15rem);
  transform: scale(0.5) translate(0, -15rem);
  opacity: 0;
}

.home-banner__logo-white svg {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.home-banner__logo-white svg path {
  -webkit-transition: fill 0.5s linear;
  -o-transition: fill 0.5s linear;
  transition: fill 0.5s linear;
}

.home-banner__logo-red {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 50%;
  max-width: 35rem;
}

.home-banner__logo-red img,
.home-banner__logo-red picture {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.home-banner__logo-words {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% - 4rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.home-banner__logo-img1 {
  opacity: 0;
  -webkit-transform: translate(-75%, 0);
  -ms-transform: translate(-75%, 0);
  transform: translate(-75%, 0);
  width: 56%;
}

.home-banner__logo-img1 img,
.home-banner__logo-img1 picture {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.home-banner__logo-img2 {
  opacity: 0;
  -webkit-transform: translate(75%, 0);
  -ms-transform: translate(75%, 0);
  transform: translate(75%, 0);
  width: 39%;
}

.home-banner__logo-img2 img,
.home-banner__logo-img2 picture {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.home-banner__arrowdown {
  cursor: pointer;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 10rem);
  -ms-transform: translate(-50%, 10rem);
  transform: translate(-50%, 10rem);
  width: 3.2rem;
  height: 4.3rem;
  opacity: 0;
  bottom: 5rem;
  -webkit-transition: opacity .5s linear 5s, -webkit-transform .5s linear 5s;
  transition: opacity .5s linear 5s, -webkit-transform .5s linear 5s;
  -o-transition: transform .5s linear 5s, opacity .5s linear 5s;
  transition: transform .5s linear 5s, opacity .5s linear 5s;
  transition: transform .5s linear 5s, opacity .5s linear 5s, -webkit-transform .5s linear 5s;
}

.home-banner__arrowdown svg {
  width: 100%;
  height: 100%;
  fill: transparent;
  stroke: white;
}

@-webkit-keyframes img1words {
  0% {
    opacity: 0;
    -webkit-transform: translate(-75%, 0);
    transform: translate(-75%, 0);
  }

  81% {
    opacity: 0;
    -webkit-transform: translate(-75%, 0);
    transform: translate(-75%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes img1words {
  0% {
    opacity: 0;
    -webkit-transform: translate(-75%, 0);
    transform: translate(-75%, 0);
  }

  81% {
    opacity: 0;
    -webkit-transform: translate(-75%, 0);
    transform: translate(-75%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes img2words {
  0% {
    opacity: 0;
    -webkit-transform: translate(75%, 1rem);
    transform: translate(75%, 1rem);
  }

  81% {
    opacity: 0;
    -webkit-transform: translate(75%, 1rem);
    transform: translate(75%, 1rem);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 1rem);
    transform: translate(0, 1rem);
  }
}

@keyframes img2words {
  0% {
    opacity: 0;
    -webkit-transform: translate(75%, 1rem);
    transform: translate(75%, 1rem);
  }

  81% {
    opacity: 0;
    -webkit-transform: translate(75%, 1rem);
    transform: translate(75%, 1rem);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 1rem);
    transform: translate(0, 1rem);
  }
}

@-webkit-keyframes redwords {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  23% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  45% {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  63% {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  81% {
    opacity: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes redwords {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  23% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  45% {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  63% {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  81% {
    opacity: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@-webkit-keyframes whitewords {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) translate(0, -15rem);
    transform: scale(0.5) translate(0, -15rem);
  }

  23% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

@keyframes whitewords {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) translate(0, -15rem);
    transform: scale(0.5) translate(0, -15rem);
  }

  23% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}

@-webkit-keyframes whitewords-svg {
  0% {
    width: 90%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  81% {
    width: 90%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    width: 34vw;
    -webkit-transform: translate(27vw, 0.2rem);
    transform: translate(27vw, 0.2rem);
  }
}

@keyframes whitewords-svg {
  0% {
    width: 90%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  81% {
    width: 90%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  100% {
    width: 34vw;
    -webkit-transform: translate(27vw, 0.2rem);
    transform: translate(27vw, 0.2rem);
  }
}

@-webkit-keyframes whitewords-svg-hd {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }

  81% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }

  100% {
    -webkit-transform: scale(0.53) translate(45.5rem, 0);
    transform: scale(0.53) translate(45.5rem, 0);
  }
}

@keyframes whitewords-svg-hd {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }

  81% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }

  100% {
    -webkit-transform: scale(0.53) translate(45.5rem, 0);
    transform: scale(0.53) translate(45.5rem, 0);
  }
}

.home-planet-sticky__bg {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  min-height: 50rem;
  overflow: hidden;
}

.home-planet-sticky__bg img,
.home-planet-sticky__bg picture {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 42rem;
  height: 83.8rem;
  -webkit-transform: translate(-50%, -45.5%);
  -ms-transform: translate(-50%, -45.5%);
  transform: translate(-50%, -45.5%);
}

.page-template-page-front-duplicate .main-wrap {
  padding-top: 0;
}

body.planet-animate .home-banner__logo-white {
  -webkit-animation: whitewords 5.5s linear normal forwards;
  animation: whitewords 5.5s linear normal forwards;
}

body.planet-animate .home-banner__logo-white svg {
  -webkit-animation: whitewords-svg 5.5s linear normal forwards;
  animation: whitewords-svg 5.5s linear normal forwards;
}

body.planet-animate .home-banner__logo-red picture,
body.planet-animate .home-banner__logo-red img {
  -webkit-animation: redwords 5.5s linear normal forwards;
  animation: redwords 5.5s linear normal forwards;
}

body.planet-animate .home-banner__logo-img1 {
  -webkit-animation: img1words 5.5s linear normal forwards;
  animation: img1words 5.5s linear normal forwards;
}

body.planet-animate .home-banner__logo-img2 {
  -webkit-animation: img2words 5.5s linear normal forwards;
  animation: img2words 5.5s linear normal forwards;
}

body.planet-animate .home-banner__arrowdown {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  opacity: 1;
}

.home-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 4rem;
}

.home-about .hide {
  display: none;
}

.home-about--track {
  overflow: hidden;
  padding-bottom: 6rem;
}

.home-about--wrap {
  min-height: 100vh;
}

.home-about__info {
  z-index: 2;
  padding-bottom: 6rem;
}

.home-about-slide:nth-child(2) {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10rem);
  -ms-transform: translateY(10rem);
  transform: translateY(10rem);
  position: absolute;
  top: 0;
}

.home-about__earth {
  width: 100%;
  display: none;
}

.home-about__points svg,
.home-about__path svg {
  height: auto;
}

.home-about__points {
  top: 24px;
  width: 140px;
  height: 100%;
  position: absolute;
  z-index: 2;
  opacity: 0;
  transition: .5s ease-in-out;
}

.home-about__points.animated {
  opacity: 1;
}

.home-about__points svg {
  width: 100%;
  height: auto;
}

.home-about__path {
  width: 0;
  -webkit-transition: 1.2s ease-in-out;
  -o-transition: 1.2s ease-in-out;
  transition: 1.2s ease-in-out;
  overflow: hidden;
}

.home-about__path svg {
  width: 29rem;
}



.home-about__path.animated {
  width: 100%;
}

.home-about__export-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 4rem;
}

.home-about__export-list li {
  font-weight: 700;
  padding-left: 3.2rem;
  width: 48%;
  margin-bottom: 1.5rem;
}

.home-about__export-list li::before {
  content: '';
  position: absolute;
  display: block;
  left: 1rem;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #9C6460;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.home-products--reverse .container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.home-products-track {
  overflow: hidden;
}

.home-products-sections-list {
  padding-top: 6rem;
}

.home-products-sections-list .section-title {
  display: inline-block;
  left: 2rem;
}

.home-products__bg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.home-products__bg img,
.home-products__bg picture {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.home-products__bg img {
  opacity: .4;
}

.home-products__bg::before,
.home-products__bg::after {
  z-index: 5;
}

.home-products__bg::after {
  content: '';
  position: absolute;
  display: block;
  width: 140%;
  height: 100%;
  top: 0;
  right: 0;
  transform: skewX(12deg);
  right: -16%;
  -webkit-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
  background-image: -o-radial-gradient(41.25% 49.2% at 56.11% 48.75%, rgba(33, 35, 38, 0) 0%, #212326 100%);
  background-image: radial-gradient(41.25% 49.2% at 56.11% 48.75%, rgba(33, 35, 38, 0) 0%, #212326 100%);
}

.home-products .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 5;
  padding-top: 10rem;
  padding-bottom: 8rem;
}

.home-products-info {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 30vw;
  max-width: 15rem;
}

.home-products-info .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  min-width: 100%;
}

.home-products-info__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding-top: 3rem;
}

.home-products-info__name span {
  text-transform: uppercase;
  line-height: 1.1;
}

.home-products-info__name span:nth-child(1) {
  font-weight: 700;
}

.home-products-info__name span:nth-child(2) {
  font-weight: 300;
}

.home-products-info__bottle {
  padding-bottom: 300%;
  width: 100%;
}

.home-products-info__bottle img,
.home-products-info__bottle picture {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.home-products-words {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 20rem;
  font-size: 1rem;
}

.home-products-words--beer {
  padding-left: 3rem;
}

.home-products-words--beer span:nth-child(1) {
  font-weight: 500;
  font-family: 'Oswald', sans-serif;
  font-size: 8.8em;
  text-transform: uppercase;
  letter-spacing: -0.035em;
  line-height: 1.3em;
  margin-left: -.05em;
}

.home-products-words--beer span:nth-child(2) {
  margin-right: 1.1rem;
  font-weight: 300;
  font-size: 2.6em;
  line-height: 1.9;
  letter-spacing: 0.15em;
}

.home-products-words--beer span:nth-child(3) {
  margin-top: -1rem;
  font-family: 'Roboto Slab', serif;
  font-size: 7.2em;
  line-height: 1.3;
  color: #9C6460;
  font-weight: 700;
}

.home-products-words--beer span:nth-child(4) {
  width: 100%;
  font-family: 'Roboto Slab', serif;
  font-size: 2.4em;
  font-weight: 700;
  line-height: 1;
  margin-left: 0.4em;
}

.home-products-words--beer span:nth-child(5) {
  width: 100%;
  font-size: 3.2em;
  font-weight: 300;
  line-height: 1;
}

.home-products-words--cider {
  padding-right: 1rem;
  -webkit-transform: translateX(-1rem);
  -ms-transform: translateX(-1rem);
  transform: translateX(-1rem);
}

.home-products-words--cider span:nth-child(1) {
  font-family: 'Roboto Slab', serif;
  font-style: normal;
  font-weight: 300;
  font-size: 7.6em;
  line-height: 1.2;
  text-transform: uppercase;
  color: #9C6460;
  width: 100%;
}

.home-products-words--cider span:nth-child(2) {
  font-size: 2.6rem;
  line-height: 1.9;
  letter-spacing: 0.15em;
  width: 100%;
  margin-left: .15em;
}

.home-products-words--cider span:nth-child(3) {
  font-weight: 500;
  font-family: 'Oswald', sans-serif;
  font-size: 8.8em;
  text-transform: uppercase;
  line-height: 1em;
  padding-bottom: 1rem;
}

.home-products-words--cider span:nth-child(4),
.home-products-words--cider span:nth-child(5) {
  font-size: 2.4rem;
  line-height: 1;
  text-transform: uppercase;
  width: 100%;
}

.home-products-words--cider span:nth-child(4) {
  font-weight: 300;
}

.home-products-words--cider span:nth-child(5) {
  font-weight: 700;
}

.home-products-words--water {
  padding-left: 2.2rem;
}

.home-products-words--water span:nth-child(1) {
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
  font-size: 2.8em;
  line-height: 1;
  width: 100%;
}

.home-products-words--water span:nth-child(2) {
  font-weight: 700;
  font-size: 2.8em;
  line-height: 1;
  width: 100%;
}

.home-products-words--water span:nth-child(3) {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 3.2em;
  line-height: 1.5;
  text-transform: uppercase;
  color: #9C6460;
}

.home-products-words--water span:nth-child(4) {
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-size: 8em;
  line-height: 0.9;
  text-transform: uppercase;
}

.home-products-words span {
  display: block;
}

.home-products-words .btn--arrow {
  margin-top: 3.2rem;
}

.home-products-bg-slider {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  display: none;
}

.home-products-bg-slider__item {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  -webkit-transition: .7s linear;
  -o-transition: .7s linear;
  transition: .7s linear;
}

.home-products-bg-slider__item.active {
  opacity: 0.4;
}

.home-products-bg-slider__item::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: -o-linear-gradient(99.51deg, #212326 19.21%, rgba(33, 35, 38, 0.38) 36.91%, rgba(33, 35, 38, 0.54) 50.02%, #212326 71.48%);
  background: linear-gradient(99.51deg, #212326 19.21%, rgba(33, 35, 38, 0.38) 36.91%, rgba(33, 35, 38, 0.54) 50.02%, #212326 71.48%);
}

.home-products-bg-slider__item img,
.home-products-bg-slider__item picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom center;
  object-position: bottom center;
}

.home-products-bg-slider__item.water::before {
  /* opacity: 0.9; */
  background: -o-linear-gradient(99.51deg, #212326 19.21%, rgba(33, 35, 38, 0.38) 36.91%, rgba(33, 35, 38, 0.54) 50.02%, #212326 71.48%);
  background: linear-gradient(99.51deg, #212326 19.21%, rgba(33, 35, 38, 0.38) 36.91%, rgba(33, 35, 38, 0.54) 50.02%, #212326 71.48%);
}

.home-choice {
  min-height: 30rem;
  height: 60vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.home-choice--section {
  padding: 0;
}

.home-choice__string--top {
  color: #F6F3F0;
  padding-left: 3rem;
}

.home-choice__string--bot span {
  -webkit-text-stroke: 0.1rem #F6F3F0;
  color: transparent;
}

.home-choice__string span {
  font-size: 4.8rem;
  font-weight: 700;
  font-family: 'Roboto Slab', sans-serif;
  text-transform: uppercase;
  line-height: 1.3;
  white-space: nowrap;
}

.home-news--section .heading-2 {
  margin-top: 4rem;
}

body.white-theme .home-products-bg-slider__item.active {
  opacity: 0.8;
}

body.white-theme .home-banner__arrowdown svg {
  stroke: #212326;
}

body.white-theme .home-about__points svg path {
  fill: #212326;
}

body.white-theme .home-about__path svg #path-point {
  fill: #212326;
}

body.white-theme .home-banner__logo-white svg path {
  fill: #1B1D20;
}

body.white-theme .home-products__bg::after {
  background: -o-radial-gradient(41.25% 49.2% at 56.11% 48.75%, rgba(246, 243, 240, 0) 0%, #F6F3F0 100%);
  background: radial-gradient(41.25% 49.2% at 56.11% 48.75%, rgba(246, 243, 240, 0) 0%, #F6F3F0 100%);
}

body.white-theme .home-products-bg-slider__item::before {
  background: -o-linear-gradient(98.82deg, #F6F3F0 14.11%, rgba(246, 243, 240, 0.94) 21.13%, rgba(246, 243, 240, 0.48) 37.76%, rgba(246, 243, 240, 0.83) 49.27%, #F6F3F0 73.36%);
  background: linear-gradient(98.82deg, #F6F3F0 14.11%, rgba(246, 243, 240, 0.94) 21.13%, rgba(246, 243, 240, 0.48) 37.76%, rgba(246, 243, 240, 0.83) 49.27%, #F6F3F0 73.36%);
}

body.white-theme .home-products-bg-slider__item.water::before {
  background: -o-linear-gradient(98.82deg, #F6F3F0 14.11%, rgba(246, 243, 240, 0.94) 21.13%, rgba(246, 243, 240, 0.48) 37.76%, rgba(246, 243, 240, 0.83) 49.27%, #F6F3F0 73.36%);
  background: linear-gradient(98.82deg, #F6F3F0 14.11%, rgba(246, 243, 240, 0.94) 21.13%, rgba(246, 243, 240, 0.48) 37.76%, rgba(246, 243, 240, 0.83) 49.27%, #F6F3F0 73.36%);
}

body.white-theme .home-choice__string--top span {
  color: #212326;
}

body.white-theme .home-choice__string--bot span {
  -webkit-text-stroke: 0.2rem #212326;
}

body.white-theme .home-choice__string svg path {
  fill: #212326;
}

@media only screen and (min-width: 480px) {
  .home-planet-sticky__bg img,
  .home-planet-sticky__bg picture {
    width: 77rem;
    height: 160rem;
    -webkit-transform: translate(-50%, -45.5%);
    -ms-transform: translate(-50%, -45.5%);
    transform: translate(-50%, -45.5%);
  }

  .home-about__earth {
    width: 100%;
  }

  .home-about__export {
    margin-top: 10rem;
  }
}

@media only screen and (min-width: 600px) {
  .home-about__points {
    top: 47px;
    width: 278px;
  }

  .home-about__path svg {
    width: 58rem;
  }

  .home-products-words {
    font-size: 1.2rem;
    max-width: 25rem;
  }
}

@media only screen and (min-width: 769px) {
  .home-banner__arrowdown {
    width: 4.4rem;
    height: 6rem;
    bottom: 8rem;
  }

  .home-planet-sticky__bg img,
  .home-planet-sticky__bg picture {
    width: 103rem;
    height: 215rem;
  }

  body.planet-animate .home-planet-sticky__bg img,
  body.planet-animate .home-planet-sticky__bg picture {
    -webkit-transform: translate(-50%, -45%) rotate(0);
    -ms-transform: translate(-50%, -45%) rotate(0);
    transform: translate(-50%, -45%) rotate(0);
  }

  .home-about .hide {
    display: block;
  }

  .home-products-sections-list .section-title {
    position: -webkit-sticky;
    position: sticky;
    top: calc(11rem + 2rem);
  }

  .home-products-info__name span {
    font-size: 1.8rem;
  }

  .home-products-bg-slider {
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 1s linear;
    -o-transition: 1s linear;
    transition: 1s linear;
  }

  .home-products-bg-slider.active {
    opacity: 1;
    visibility: visible;
  }

  .home-news--section .heading-2 {
    margin-top: 9rem;
  }

  .home-news--section .news-list .news-card .news-card__title {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
  }

  .home-news--section .news-list .news-card:hover .news-card__title {
    color: #9C6460;
  }

  .home-news--section .news-list .news-card:hover .btn--arrow::before {
    background-color: #9C6460;
  }

  .home-news--section .news-list .news-card:hover .btn--arrow::after {
    background-image: url("../../images/general/white-right-arrow.svg");
  }
}

@media only screen and (min-width: 968px) {
  .home-products-words--beer span:nth-child(4) {
    font-size: 3.2em;
  }

  .home-products-words--beer span:nth-child(5) {
    font-size: 4.8em;
  }
}

@media only screen and (min-width: 1023px) {
  .home-banner {
    height: 100vh;
  }

  .home-banner__logo-words {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    left: 0%;
    gap: 0 3rem;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .home-banner__logo-img1 {
    width: 45.6rem;
    height: 28.9rem;
  }

  .home-banner__logo-img2 {
    width: 31.2rem;
    height: 28.5rem;
  }

@-webkit-keyframes img2words {
    0% {
      opacity: 0;
      -webkit-transform: translate(75%, 2rem);
      transform: translate(75%, 2rem);
    }

    81% {
      opacity: 0;
      -webkit-transform: translate(75%, 2rem);
      transform: translate(75%, 2rem);
    }

    100% {
      opacity: 1;
      -webkit-transform: translate(0, 2rem);
      transform: translate(0, 2rem);
    }
}

@keyframes img2words {
    0% {
      opacity: 0;
      -webkit-transform: translate(75%, 2rem);
      transform: translate(75%, 2rem);
    }

    81% {
      opacity: 0;
      -webkit-transform: translate(75%, 2rem);
      transform: translate(75%, 2rem);
    }

    100% {
      opacity: 1;
      -webkit-transform: translate(0, 2rem);
      transform: translate(0, 2rem);
    }
}

@-webkit-keyframes whitewords-svg {
    0% {
      -webkit-transform: scale(1) translate(0, 0);
      transform: scale(1) translate(0, 0);
    }

    81% {
      -webkit-transform: scale(1) translate(0, 0);
      transform: scale(1) translate(0, 0);
    }

    100% {
      -webkit-transform: scale(0.43) translate(80%, 0);
      transform: scale(0.43) translate(80%, 0);
    }
}

@keyframes whitewords-svg {
    0% {
      -webkit-transform: scale(1) translate(0, 0);
      transform: scale(1) translate(0, 0);
    }

    81% {
      -webkit-transform: scale(1) translate(0, 0);
      transform: scale(1) translate(0, 0);
    }

    100% {
      -webkit-transform: scale(0.43) translate(80%, 0);
      transform: scale(0.43) translate(80%, 0);
    }
}

  .home-planet-sticky__bg img,
  .home-planet-sticky__bg picture {
    -webkit-transform: translate(-34%, -41%) rotate(15deg);
    -ms-transform: translate(-34%, -41%) rotate(15deg);
    transform: translate(-34%, -41%) rotate(15deg);
    width: 147rem;
    height: auto;
    -webkit-transition: 1.25s linear;
    -o-transition: 1.25s linear;
    transition: 1.25s linear;
  }

  body.planet-animate .home-planet-sticky__bg img,
  body.planet-animate .home-planet-sticky__bg picture {
    -webkit-transform: translate(-44%, -41%) rotate(0);
    -ms-transform: translate(-44%, -41%) rotate(0);
    transform: translate(-44%, -41%) rotate(0);
  }

  .home-about {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 0;
    height: calc(100vh - 11rem);
  }

  .home-about--track {
    overflow: visible;
  }

  .home-about--track .sticky-screen {
    overflow: hidden;
    padding-top: 15%;
    padding-bottom: 50rem;
    top: -15vh !important;
  }

  .home-about--wrap {
    min-height: auto;
  }

  .home-about__info {
    width: 50%;
    padding-right: 10rem;
  }

  .home-about__earth {
    width: 50%;
    max-width: 55rem;
    display: block;
  }

  .home-about__earth picture {
    width: auto;
  }

  .home-about__earth .home-about-slide:nth-child(1) {
    left: -3rem;
    top: 1rem;
  }

  .home-about__earth .home-about-slide:nth-child(1) {
    left: -1rem;
    top: -3rem;
    width: 90%;
  }

  .home-about__earth .home-about-slide:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 2rem;
  }

  .home-about__points {
    width: 47.5%;
    max-width: 23.4rem;
    max-height: 25.3rem;
    /* top: 5.6rem; */
    top: 37px;
    left: 0rem;
  }

  .home-about__path svg {
    width: 437px;
  }

  .home-about__export {
    display: none;
  }

  .home-about__export-list li {
    margin-bottom: 3rem;
  }

  .home-products {
    height: 100vh;
  }

  .home-products--reverse .home-products-info .swiper-slide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .home-products--reverse .home-products-info__bottle img {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .home-products-sections-list {
    padding-top: 0;
    margin-top: -50rem;
  }

  .home-products__bg {
    display: none;
  }

  .home-products__bg img,
  .home-products__bg picture {
    height: 100%;
    width: 100%;
  }

  .home-products__bg::after {
    background: -o-radial-gradient(41.25% 49.2% at 56.11% 48.75%, rgba(33, 35, 38, 0) 0%, #212326 100%);
    background: radial-gradient(41.25% 49.2% at 56.11% 48.75%, rgba(33, 35, 38, 0) 0%, #212326 100%);
  }

  .home-products-info {
    width: 20vw;
    max-width: 100%;
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px);
  }

  .home-products-info .swiper-container {
    overflow: visible;
  }

  .home-products-info .swiper-slide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 50%;
  }

  .home-products-info__name {
    text-align: left;
    padding-top: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .home-products-info__bottle {
    padding-bottom: 190%;
  }

  .home-products-info__bottle img {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .home-products-words {
    font-size: 1.5rem;
    max-width: 36rem;
  }

  .home-products-words--beer .btn--arrow {
    margin-top: 4.8rem;
  }

  .home-products-words--beer {
    padding-left: 7rem;
  }

  .home-products-words--cider .btn--arrow {
    margin-top: 6.7rem;
  }

  .home-products-words--cider span:nth-child(1) {
    font-weight: 500;
  }

  .home-products-words--cider span:nth-child(2) {
    font-size: 4rem;
    line-height: 0.8;
    text-transform: uppercase;
  }

  .home-products-words--water .btn--arrow {
    margin-top: 3.7rem;
  }

  .home-products-words--water {
    padding-left: 7rem;
  }

  .home-choice {
    height: 100vh;
  }

  body.white-theme .home-products__bg::after {
    background: -o-radial-gradient(41.25% 49.2% at 56.11% 48.75%, rgba(246, 243, 240, 0) 0%, #F6F3F0 100%);
    background: radial-gradient(41.25% 49.2% at 56.11% 48.75%, rgba(246, 243, 240, 0) 0%, #F6F3F0 100%);
  }
}

@media only screen and (min-width: 1280px) {
  .home-planet-sticky__bg img,
  .home-planet-sticky__bg picture {
    -webkit-transform: translate(-34%, -38%) rotate(15deg);
    -ms-transform: translate(-34%, -38%) rotate(15deg);
    transform: translate(-34%, -38%) rotate(15deg);
  }

  body.planet-animate .home-planet-sticky__bg img,
  body.planet-animate .home-planet-sticky__bg picture {
    -webkit-transform: translate(-44%, -38%) rotate(0);
    -ms-transform: translate(-44%, -38%) rotate(0);
    transform: translate(-44%, -38%) rotate(0);
  }

  .home-about__earth .home-about-slide:nth-child(1) {
    left: -0.7rem;
    width: 44.1rem;
  }

  .home-products-sections-list .section-title {
    left: calc((100vw - 116rem) / 2);
    opacity: 0;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
  }

  .home-choice__string--bot span {
    -webkit-text-stroke: 0.2rem #F6F3F0;
  }

  .home-choice__string span {
    font-size: 15rem;
  }

  .home-news--section .news-list.up .news-card {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .home-news--section .news-list .news-card {
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10rem);
    -ms-transform: translateY(10rem);
    transform: translateY(10rem);
  }

  .home-news--section .news-list .news-card:nth-child(1) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
  }

  .home-news--section .news-list .news-card:nth-child(2) {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
  }

  .home-news--section .news-list .news-card:nth-child(3) {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
  }
}

@media only screen and (min-width: 1440px) {
  .home-planet-sticky__bg img,
  .home-planet-sticky__bg picture {
    -webkit-transform: translate(-34%, -37%) rotate(15deg);
    -ms-transform: translate(-34%, -37%) rotate(15deg);
    transform: translate(-34%, -37%) rotate(15deg);
  }

  body.planet-animate .home-planet-sticky__bg img,
  body.planet-animate .home-planet-sticky__bg picture {
    -webkit-transform: translate(-44%, -37%) rotate(0);
    -ms-transform: translate(-44%, -37%) rotate(0);
    transform: translate(-44%, -37%) rotate(0);
  }

  .home-about__earth .home-about-slide:nth-child(1) {
    top: -2.6rem;
  }
}

@media only screen and (min-width: 1440px) and (max-height: 829px) {
  .home-about__earth .home-about-slide:nth-child(1) {
    top: -1.6rem;
  }
}

@media only screen and (min-width: 1550px) and (max-height: 829px) {
  .home-about__earth .home-about-slide:nth-child(1) {
    top: -2.6rem;
  }
}

@media only screen and (min-width: 1620px) and (max-height: 829px) {
  .home-about__earth .home-about-slide:nth-child(1) {
    top: -3.6rem;
  }
}

@media only screen and (min-width: 1680px) and (max-height: 829px) {
  .home-about__earth .home-about-slide:nth-child(1) {
    top: -4.6rem;
  }
}

@media only screen and (min-width: 1700px) and (max-height: 829px) {
  .home-about__earth .home-about-slide:nth-child(1) {
    top: -5.6rem;
  }
}

@media only screen and (min-width: 1800px) and (min-height: 828px) {
  .home-about__earth .home-about-slide:nth-child(1) {
    top: -6.6rem;
  }
}

@media only screen and (min-width: 1900px) {
  .home-planet-sticky__bg img,
  .home-planet-sticky__bg picture {
    -webkit-transform: translate(-33.5%, -33%) rotate(15deg);
    -ms-transform: translate(-33.5%, -33%) rotate(15deg);
    transform: translate(-33.5%, -33%) rotate(15deg);
  }

  body.planet-animate .home-planet-sticky__bg img,
  body.planet-animate .home-planet-sticky__bg picture {
    -webkit-transform: translate(-43.5%, -33%) rotate(0);
    -ms-transform: translate(-43.5%, -33%) rotate(0);
    transform: translate(-43.5%, -33%) rotate(0);
  }

  body.planet-animate .home-banner__logo-white svg {
    -webkit-animation: whitewords-svg-hd 5.5s linear normal forwards;
    animation: whitewords-svg-hd 5.5s linear normal forwards;
  }

  .home-about__earth .home-about-slide:nth-child(1) {
    left: 8px;
    top: -3px;
    width: 534px;
  }

  .home-about__points {
    top: 3.9rem;
  }

  .home-about__path svg {
    width: 536px;
    height: auto;
  }
}

@media only screen and (min-width: 2500px) {
  /* .home-about {
    height: calc(100vh - 17rem);
  } */

  .home-about__earth .home-about-slide:nth-child(1) {
    top: -40px;
  }
  
}

@media only screen and (max-width: 1023px) {
  .home-choice__string span svg {
    height: 3.4rem;
    width: auto;
  }
}

@media only screen and (min-width: 480px) and (max-width: 1023px) {
  .home-banner__logo-red {
    width: 40%;
  }

  .home-banner__logo-words {
    width: 50rem;
    top: 52%;
  }

  .home-banner__arrowdown {
    bottom: 0rem;
  }

@-webkit-keyframes whitewords-svg {
    0% {
      width: 90%;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }

    81% {
      width: 90%;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }

    100% {
      width: 20rem;
      -webkit-transform: translate(77%, 0.2rem);
      transform: translate(77%, 0.2rem);
    }
}

@keyframes whitewords-svg {
    0% {
      width: 90%;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }

    81% {
      width: 90%;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }

    100% {
      width: 20rem;
      -webkit-transform: translate(77%, 0.2rem);
      transform: translate(77%, 0.2rem);
    }
}

  .home-choice__string span {
    text-align: center;
  }
}