@font-face {
  font-family: 'Gilroy';
  src: url('font/Gilroy-Bold.eot');
  src: url('font/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('font/Gilroy-Bold.woff2') format('woff2'), url('font/Gilroy-Bold.woff') format('woff'), url('font/Gilroy-Bold.ttf') format('truetype'), url('font/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('font/Gilroy-Light.eot');
  src: url('font/Gilroy-Light.eot?#iefix') format('embedded-opentype'), url('font/Gilroy-Light.woff2') format('woff2'), url('font/Gilroy-Light.woff') format('woff'), url('font/Gilroy-Light.ttf') format('truetype'), url('font/Gilroy-Light.svg#Gilroy-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}

.content__text__recipes .close,
.home-slider__item .recipes-slider .bt:last-child {
  display: none !important;
}
body {
  font-family: 'Gilroy';
  font-weight: 300;
  font-style: normal;
  overflow: hidden;
  cursor: none !important;
}

* {
  cursor: none !important;
}

.safari,
.safari * {
  cursor: initial !important;
}
.safari button,
.safari .bt,
.safari .bt,
.safari header > a,
.safari .swiper-pagination-bullet,
.safari .moduleproduct li,
.safari [data-stick-hover],
.safari #menu ul li a,
.safari .plane-title button,
.safari [data-stick-cursor],
.safari .navigation .swiper-pagination-bullet {
  cursor: pointer !important;
}

.hide {
  display: none;
}

main:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  width: 100%;
  height: 100%;
  background: url(../images/rays.png) no-repeat center center / 100% auto;

  background-size: cover;
  pointer-events: none;
  opacity: 0.4;
  z-index: 2;
}
main.back:after {
  z-index: -1;
}

#app {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  /* background-color: #565656;
  background: url(..../images/bg.png) no-repeat center center; */
  /* background: url(..../images/01_Recetas.png) no-repeat center center / 100% auto;  */
}

canvas {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently */
}

.slides {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  padding: 0 10vw;
  width: 100%;
  max-width: 100%;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently */
}

.slide {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  height: 33vh;
  color: #fff;
  transform: translateY(-50%);
  transition: 0.2s ease;
}

.slide-meta {
  margin: 0;
  font-size: 1.35rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slide-meta,
.slide-more {
  opacity: 0;
  transition: opacity 900ms ease-in-out;
}

.show-meta .slide-meta,
.show-meta .slide-more {
  opacity: 1;
  transition: opacity 1500ms 300ms ease-in-out;
}

.slide-more {
  border-bottom: 1px solid;
}

.slide-more:hover {
  border-bottom: 1px solid transparent;
}

.slide-title {
  font-size: 10vw;
  margin: 0;
  color: #fafafa;
  text-indent: -0.5vw;
  font-family: gibbs, sans-serif;
  font-weight: 900;
  transition: color 500ms ease-in-out;
}

.prev,
.next {
  opacity: 0;
}

.prev {
  transform: translateY(-85%);
}

.next {
  transform: translateY(-15%);
}

.prev .slide-title,
.next .slide-title {
  -webkit-text-stroke: 1.5px #fafafa;
  text-stroke: 1.5px #fafafa;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  color: transparent;
}

.scrolling > .slide {
  transform: translateY(-50%);
  opacity: 1;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

header > a {
  width: 114px;
  height: auto;
  display: block;
  position: absolute;
  top: 40px;
  left: 60px;

  z-index: 2;
}

.home-slider {
  width: 100%;
  position: relative;
  max-width: 100%;
  margin: auto;
  padding: 0;
  border-radius: 0;
  height: 100vh;
  transition: all 0.3s;
}

.home-slider__item {
  display: flex;
  width: 100% !important;
  align-items: center;
  margin: 0 auto;
  opacity: 0 !important;
  //opacity: 1 !important;
  height: 100vh !important;
  z-index: 1000000;
  pointer-events: none;
  position: absolute;
}

.swiper-slide {
  opacity: 0 !important;
}

.home-slider__item.swiper-slide-active {
  pointer-events: initial;
}

.swiper-slide-active {
  opacity: 1 !important;
}

.home-slider__item.swiper-slide-active .home-slider__img img {
  opacity: 1;
  transition-delay: 0.3s;
}

.home-slider__item.swiper-slide-active .home-slider__content > * {
  opacity: 1;
  transform: none;
}

.home-slider__item.swiper-slide-active .home-slider__content > *:nth-child(1) {
  transition-delay: 0.3s;
}

.home-slider__item.swiper-slide-active .home-slider__content > *:nth-child(2) {
  transition-delay: 0.4s;
}

.home-slider__item.swiper-slide-active .home-slider__content > *:nth-child(3) {
  transition-delay: 0.5s;
}

.home-slider__item.swiper-slide-active .home-slider__content > *:nth-child(4) {
  transition-delay: 0.6s;
}

.home-slider__item.swiper-slide-active .home-slider__content > *:nth-child(5) {
  transition-delay: 0.7s;
}

.home-slider__item.swiper-slide-active .home-slider__content > *:nth-child(6) {
  transition-delay: 0.8s;
}

.home-slider__item.swiper-slide-active .home-slider__content > *:nth-child(7) {
  transition-delay: 0.9s;
}

.home-slider__item.swiper-slide-active .home-slider__content > *:nth-child(8) {
  transition-delay: 1s;
}

.home-slider__item.swiper-slide-active .home-slider__content > *:nth-child(9) {
  transition-delay: 1.1s;
}

.home-slider__item.swiper-slide-active .home-slider__content > *:nth-child(10) {
  transition-delay: 1.2s;
}

.home-slider__item.swiper-slide-active .home-slider__content > *:nth-child(11) {
  transition-delay: 1.3s;
}

.home-slider__item.swiper-slide-active .home-slider__content > *:nth-child(12) {
  transition-delay: 1.4s;
}

.home-slider__item.swiper-slide-active .home-slider__content > *:nth-child(13) {
  transition-delay: 1.5s;
}

.home-slider__item.swiper-slide-active .home-slider__content > *:nth-child(14) {
  transition-delay: 1.6s;
}

.home-slider__item.swiper-slide-active .home-slider__content > *:nth-child(15) {
  transition-delay: 1.7s;
}

.home-slider__img {
  width: 300px;
  flex-shrink: 0;
  height: 300px;
  background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
  box-shadow: 4px 13px 30px 1px rgba(252, 56, 56, 0.2);
  border-radius: 20px;
  transform: translateX(-80px);
  overflow: hidden;
}

.home-slider__img:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
  border-radius: 20px;
  opacity: 0.8;
}

.home-slider__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  border-radius: 20px;
  transition: all 0.3s;
}

.home-slider__content {
  padding-right: 0;
  max-width: 680px;
  margin: 0 auto;
  vertical-align: bottom;
  height: 207px;
  position: relative;
  margin-top: 97px;
}

.home-slider__content > * {
  opacity: 0;
  transform: translateY(25px);
  transition: all 0.4s;
}

.home-slider__code {
  color: #008a80;
  font-size: 25px;
  line-height: 34px;
  font-weight: 200;
  margin-bottom: 0;
  text-align: center;
  display: block;
  margin-top: -30px;
}

.home-slider__title {
  color: #fff;
  font-size: 25px;
  line-height: 34px;
  font-weight: 200;
  margin-bottom: 0;
  text-align: center;
}

.home-slider__text {
  color: #fff;
  font-size: 25px;
  line-height: 34px;
  font-weight: 200;
  margin-bottom: 40px;
  text-align: center;
}

.home-slider__text strong {
  color: #008a80;
}

.home-slider__button {
  display: block;
  padding: 15px 35px;
  border-radius: 0;
  color: #fff;
  font-weight: 500;
  justify-content: center;
  text-align: center;
  letter-spacing: 1px;
  margin: 0 auto;
  float: none;
  width: 180px;
  line-height: 37px;
  text-transform: uppercase;
  border-top: 1px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -90px;
  bottom: 0;
  cursor: pointer;
  font-size: 14px;
}

.home-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.home-slider .swiper-pagination-custom,
.home-slider .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-container-vertical > .home-slider__pagination {
  position: absolute;
  z-index: 21;
  right: 70px;
  margin-top: 0;
  width: 11px !important;
  text-align: center;
  left: auto !important;
  top: 50%;
  bottom: auto !important;
  transform: translateY(-50%);
}

.home-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 10px 4px;
}

.home-slider__pagination .swiper-pagination-bullet {
  height: 30px;
  width: 30px;
  display: block;
  border-radius: 0;
  border: 1px solid transparent;
  background: transparent;
  outline: none;
  opacity: 1;
  transition: all 0.3s;
  transform: rotate(45deg);
  cursor: none;
}

.home-slider__pagination .swiper-pagination-bullet:hover {
  transform: rotate(45deg) scale(1.5);
}

.home-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  border: 1px solid #fff;
}

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

.home-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet:after,
.home-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet:before {
  content: '';
  width: 5px;
  height: 5px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  margin: 0;
}

.home-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet-active:before {
  margin: 1px 0 0 2px;
}

.home-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet-active:after {
  margin: -1px 0 0 -2px;
}

.home-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet span {
  height: 0;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  transition: all 0.3s;
}

.home-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet-active span {
  height: 100%;
}

.bt {
  width: 100px;
  box-shadow: none;
  -webkit-appearance: none;
  vertical-align: middle;
  display: table;
  width: 169px;
  position: absolute;
  text-align: center;
  bottom: 153px;
  left: 50%;
  /* overflow: hidden; */
  transform: translate(-50%, 0);
  height: 35px;
  line-height: 32px;
  background: transparent;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  border: 1px solid #fff;
  /* background: rgba(0,0,0,0.8); */
  transition: all 0.2s;
  border: 1px solid #fff !important;
}
.bt * {
  pointer-events: none;
}
.bt span {
  transform: 0;
  height: calc(100% + 1px);
  width: 100%;
  position: absolute;
  top: 0;
  left: -1px;
  background: transparent;
  color: #fff;
  overflow: hidden;
  border: 0 solid #fff;
  -webkit-clip-path: polygon(0 0, 60% 0%, 50% 100%, 0% 100%);
  clip-path: polygon(0 0, 60% 0%, 50% 100%, 0% 100%);
  transition: border 0s, top 0.2s;
  opacity: 0;
}

.bt i:before {
  height: 52px;
  background: #fff;
  width: 48px;
  position: absolute;
  left: 50%;
  top: 0px;
  content: '';
  transform: translate(-50%, 0);
  transform-origin: center center;
  margin-left: 1px;
  -webkit-clip-path: polygon(42px 0%, 44px 0, 2px 100%, 0 100%);
  clip-path: polygon(42px 0%, 44px 0, 2px 100%, 0 100%);
}

.bt i {
  height: 0;
  width: 48px;
  position: absolute;
  transform: translate(-50%, 0);
  transform-origin: center center;
  margin-left: 2px;
  left: 50%;
  top: 0;
  overflow: hidden;
  transition: height 0.1s;
  transition-delay: 0.2s;
}

.bt:hover i {
  height: 53px;
  transition-delay: 0s;
}

#home__home .bt {
  background: #000;
}

#home__home .bt i:before {
  height: 33px;
  width: 38px;
  margin-left: 2px;
  -webkit-clip-path: polygon(33px 0%, 34px 0, 2px 100%, 0 100%);
  clip-path: polygon(33px 0%, 34px 0, 2px 100%, 0 100%);
}

#home__home .bt i {
  width: 33px;
}

#home__home .bt:hover i {
  height: 33px;
}

.bt:hover span {
  border: 1px solid #fff;
  border: 0;
}

.bt span:after,
.bt span:after {
  color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  width: auto;
  transform: translate(-50%, -50%);
  margin-left: -1px;
  opacity: 0 !important;
}

.bt span:last-child {
  width: 100%;
  left: auto;
  right: -1px;
  -webkit-clip-path: polygon(60% 0, 100% 0%, 100% 100%, 40% 100%);
  clip-path: polygon(60% 0, 100% 0%, 100% 100%, 40% 100%);
  font-weight: 700;
  background: #fff;
  color: #000;
  font-weight: 300;
  border: 0;
  transition: all 0.3s;
  transition-delay: 0.1s;
}

.bt:hover {
  /* background: transparent; */
  /* border: 0; */
}

.bt:hover:first-child span {
  /* background: rgba(0,0,0,0.8); */
}

.bt svg {
  width: 10px;
}

.bt span svg {
  position: absolute;
  right: 57px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: -1;
  margin: -1px;
  z-index: 1;
}

.bt:hover {
  background: transparent;
}

.bt:hover span {
  top: -2px;
}

.bt:hover span:last-child {
  opacity: 1;
  top: 2px;
  font-weight: 700;
}

.bt span:last-child:after {
  opacity: 1 !important;
}

.bt svg path {
  fill: #fff !important;
  transition: all 0.3s;
  transition-delay: 0.1s;
}

.bt.svg span:last-child:after {
  color: #000;
  text-indent: -16px;
}

.bt:hover svg path {
  fill: #000 !important;
}

#home__home .arrow {
  content: '';
  height: 189px;
  background: url(..../images/arrow_home2.svg) no-repeat center top / 100% auto;
  position: absolute;
  left: 50%;
  bottom: 47px;
  z-index: -1;
  width: 20px;
  transform: translate(-50%, 0);
}

#home__home .bt span:after {
  margin-top: -1px;
}

.recipes-slider,
.products-slider {
  height: 100vh;
  width: 100vw;
  /* background: url(..../images/01_Home-Recovered.png) no-repeat center center / 100% auto; */
}

.recipes-slider__item,
.products-slider__item {
  width: 100%;
}

.recipes-slider .content__text,
.products-slider .content__text {
  top: 40%;
  height: 397px;
}
#home__discover h1,
#home__journey h1,
.recipes-slider .content__text h1,
.products-slider .content__text h1 {
  font-size: 69px;
  width: 588px;
  line-height: 67px;
}
.products-slider .content__text h2 {
  font-size: 22px;
}

#home__discover .content__text h1 span:nth-child(2):after,
#home__journey .content__text h1 span:nth-child(2):after,
#home__discover .content__text h1 span:nth-child(1):after,
#home__journey .content__text h1 span:nth-child(1):after,
.recipes-slider .content__text h1 span:nth-child(2):after,
.recipes-slider .content__text h1 span:nth-child(1):after,
.products-slider .content__text h1 span:nth-child(2):after,
.products-slider .content__text h1 span:nth-child(1):after {
  width: 588px;
}

.recipes-slider .content__text p,
.products-slider .content__text p {
  width: 420px;
  font-size: 16px;
  line-height: 28px;
  padding-top: 0;
  margin-top: 10px;
  position: absolute;
  bottom: 0;
  height: 136px;
}

.recipes-slider .bt,
.products-slider .bt {
  left: 140px;
  transform: none;
  bottom: 180px;
  bottom: 80px;
  width: 109px;
}
#home__discover .bt,
#home__journey .bt,
.recipes-slider .bt,
.products-slider .bt {
  left: 20px;
  width: 211px;
  height: 54px;
  line-height: 52px;
  bottom: -20px;
  font-size: 13px;
  white-space: nowrap;
  font-weight: bold;
}
#home__discover .bt span,
#home__journey .bt span,
.recipes-slider .bt span,
.products-slider .bt span {
  font-weight: bold;
}
.recipes-slider .bt:last-child,
.products-slider .bt:last-child {
  left: 238px;
}

.recipes-slider .bt {
  bottom: 0;
}

.recipes-slider .bt span {
  border: 1px solid #000;
  color: #000;
}

.navigation {
  position: absolute;
  bottom: 150px;
  bottom: 50px;
  right: 198px;
  width: auto;
  height: 82px;
  padding: 0 110px;
  z-index: 1;
  text-align: center;
}

.recipes-swiper-button-prev,
.products-swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  width: 62px;
  margin-top: -2px;
}

.recipes-swiper-button-next,
.products-swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  text-align: right;
  width: 62px;
  margin-top: -2px;
  right: 0;
}

.recipes-swiper-button-prev path,
.recipes-swiper-button-next path {
  fill: #000 !important;
  stroke: #000 !important;
}

.navigation .swiper-pagination-bullet {
  background: transparent;
  width: 74px;
  height: 80px;
  padding: 1px 24px;
  position: relative;
  opacity: 1;
  cursor: none !important;
}

.navigation .swiper-pagination-bullet span {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 0;
  transition: all 0.3s;
  top: auto;
}

.navigation .swiper-pagination-bullet:hover span {
  opacity: 0.3;
}

.navigation .swiper-pagination-bullet svg {
  width: 13px;
  margin-top: 3px;
}

.navigation .swiper-pagination-bullet path {
  /* fill: transparent;
    stroke: #FFF;   */
  transition: all 0.3s;
  fill: #fff;
  opacity: 0.4;
}

.navigation .swiper-pagination-bullet.swiper-pagination-bullet-active path {
  stroke: transparent;
  fill: #fff;
  opacity: 1;
}

.navigation .swiper-pagination-bullet.swiper-pagination-bullet-active span {
  opacity: 1;
}

.recipes-slider .swiper-slide > img,
.products-slider .swiper-slide > img {
  position: absolute;
  transform: translate(-50%, -50%);
  object-fit: contain;
  height: 100vh;
  width: 100vw;
  max-width: 100%;
  left: 50%;
  top: 50%;
  transition: 4s ease;
  z-index: -1;
  margin-top: 40px;
  opacity: 0;
  pointer-events: none;
  display: none;
}

.content__text__recipes a + h2 {
  margin: 200px 0 -10px 0;
}
.content__text.legacy h1 span:nth-child(2):after,
.content__text.legacy h1 span:nth-child(1):after {
  content: 'Centuries-old \A flavor. \A A modern legacy.';
  white-space: pre;
}

.content__text.innovation h1 span:nth-child(2):after,
.content__text.innovation h1 span:nth-child(1):after {
  content: 'Flavor in \A the age of \A innovation.';
  white-space: pre;
}

.content__text.future h1 span:nth-child(2):after,
.content__text.future h1 span:nth-child(1):after {
  content: 'The new \Ageneration \Aof tequila.';
  white-space: pre;
}

.content__text.look h1 span:nth-child(2):after,
.content__text.look h1 span:nth-child(1):after {
  content: 'We look \A backward, to \A move forward.';
  white-space: pre;
}

.content_image_container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  object-fit: contain;
  z-index: 0;
  pointer-events: none;
}

.content_image_container div,
.content_image_container canvas,
.content_image_container img {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  display: none;
}

.recipes-slider .content__text h1 {
  font-size: 70px;
  letter-spacing: 5px;
  line-height: 68px;
  width: 420px;
}

.recipes-slider .content__text {
  top: 227px;
  height: 337px;
  top: 40%;
}

.recipes-slider .content__text h1 span:nth-child(2):after,
.recipes-slider .content__text h1 span:nth-child(1):after {
  width: 410px;
  color: black;
}

.recipes-slider .navigation {
  left: 147px;
  right: auto;
}

.content__text__recipes {
  position: absolute;
  top: 143px;
  left: 50%;
  transform: translate(-50%, 0);
  height: 600px;
  margin-left: 547px;
  width: 417px;
  color: #000;
}

.content__text__recipes img {
  width: 39px;
}

.content__text__recipes ul {
  padding: 0;
  list-style: none;
  padding: 22px 0 0 0;
  position: relative;
  min-height: 160px;
}

.content__text__recipes p:after,
.content__text__recipes ul:before {
  content: '';
  background: #c3c3c3;
  position: absolute;
  top: 0;
  height: 1px;
  width: 52px;
}

.content__text__recipes ul li {
  font-weight: 900;
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 0px;
}

.content__text__recipes ul li span {
  display: inline-block;
  width: 20px;
}

.recipes-slider .content_image_container img {
  object-fit: contain;
  width: 1770px !important;
  height: 1278px !important;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  margin-top: 80px;
}

.content__text__recipes h2,
.content__text__recipes h3 {
  font-size: 72px;
  line-height: 80px;
  padding: 0;
  margin: 0 0 -10px 0px;
  text-transform: uppercase;
  color: #b7b6b6;
  text-indent: -150px;
}

.content__text__recipes p {
  font-size: 22px;
  padding-left: 80px;
  padding-right: 0;
  letter-spacing: -0.5px;
  line-height: 24px;
  margin: 23px 0 0;
  padding-bottom: 28px;
  margin-bottom: 29px;
  position: relative;
}

.content__text__recipes p:after {
  top: auto;
  bottom: 0px;
  left: 0;
}

.content__text__recipes h3 {
  font-size: 48px;
  line-height: 50px;
  text-indent: 0;
  letter-spacing: 2px;
}

.ssst0 {
  opacity: 0.3;
}

.ssst1 {
  fill: url(#SVGID_1_);
}

.ssst2 {
  opacity: 0.3;
}

.ssst3 {
  fill: url(#SVGID_2_);
}

.ssst4 {
  fill: url(#SVGID_3_);
}

.ssst5 {
  opacity: 0.1;
}

.ssst6 {
  opacity: 0.7;
}

.ssst7 {
  fill: url(#SVGID_4_);
}

.ssst8 {
  opacity: 0.6;
}

.ssst9 {
  fill: url(#SVGID_5_);
}

.ssst10 {
  opacity: 0.2;
}

.ssst11 {
  fill: url(#SVGID_6_);
}

.ssst12 {
  fill: url(#SVGID_7_);
}

.ssst0 {
  opacity: 1;
  fill: url(#product2);
}

.ssst1 {
  fill: url(#product1);
}

.ssst2 {
  opacity: 1;
  fill: url(#product2);
}

.ssst3 {
  fill: url(#product1);
}

.ssst4 {
  fill: url(#product1);
}

.ssst5 {
  opacity: 1;
  fill: url(#product2);
}

.ssst6 {
  opacity: 1;
  fill: url(#product2);
}

.ssst7 {
  fill: url(#product1);
}

.ssst8 {
  opacity: 1;
  fill: url(#product2);
}

.ssst9 {
  fill: url(#product1);
}

.ssst10 {
  opacity: 1;
  fill: url(#product2);
}

.ssst11 {
  fill: url(#product1);
}

.ssst12 {
  fill: url(#product1);
}

.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

pattern image {
  height: 840px !important;
  left: 0;
  transform: 0;
  transform: translate(0, 100px);
  width: 100vw !important;
}

pattern image:nth-child(1) {
  x: calc(1 * 1920 - 1 * 1920);
}

pattern image:nth-child(2) {
  x: calc(2 * 1920 - 1 * 1920);
}

pattern image:nth-child(3) {
  x: calc(3 * 1920 - 1 * 1920);
}

pattern image:nth-child(4) {
  x: calc(4 * 1920 - 1 * 1920);
}

pattern image:nth-child(5) {
  x: calc(5 * 1920 - 1 * 1920);
}

pattern image {
  transform: translate(0, 100px);
  position: relative;
}

.recipes-slider .content__text h1 span:nth-child(2):after {
  top: 6px;
}

.products-slider .content__text h1 span:nth-child(2):after {
  top: 6px;
}

div#menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
  /* background: url(../images/00_Menu.png) no-repeat center -74px / 1920px auto; */
  transition: all 0.9s;
}

div#menu:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../images/rays.png) no-repeat center center / 100% auto;
  pointer-events: none;
  opacity: 1;
  background-size: cover;
}

main {
}

input[type='checkbox']:checked ~ footer,
input[type='checkbox']:checked ~ main {
  opacity: 0;

  visibility: hidden;
}

input[type='checkbox']:checked ~ .c-scrollbar {
  transform: translate(10px, 0);
}

input[type='checkbox']:checked + header div#menu {
  opacity: 1;
  margin-top: 0;
  visibility: visible;
  transition: all 1.2s;
}

#menu svg.mask {
  /* display: none; */
}

#menu svg {
}

#menu ul {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 1682px;
  height: 660px;
  padding: 0;
}

#menu ul li {
  font-size: 100px;
  font-weight: 800;
  text-transform: uppercase;
  color: transparent;
  list-style: none;
  margin-bottom: 14px;
  fill: #676464;
  letter-spacing: 2px;
  transition: color 1300ms ease-in-out;
}

#menu ul li a {
  color: #919191;
  /* background: red; */
  font-size: 105px;
  left: -7px;
  line-height: 117px;
  position: relative;
  letter-spacing: -2px;
}

input[type='checkbox'],
.clear-menu-btn {
  position: absolute;
  width: 42px;
  height: 42px;
  right: 42px;
  top: 41px;
  z-index: 1;
  cursor: none;
}

input[type='checkbox'] {
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
  width: 45px;
  height: 44px;
  z-index: 101;
  right: 40px;
}

.clear-menu-btn p {
  width: 0;
  text-transform: uppercase;
  position: absolute;
  right: 100%;
  top: -2px;
  letter-spacing: 6px;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease-in;
  font-size: 15px;
}

.clear-menu-btn p span {
  display: block;
  background: transparent !important;
  width: 180px;
}

input[type='checkbox']:checked + header .clear-menu-btn p {
  width: 180px;
  opacity: 1;
  transition-delay: 0.3s;
}

input[type='checkbox']:hover .clear-menu-btn {
  cursor: pointer;
}

input[type='checkbox']:checked + header .clear-menu-btn .top,
input[type='checkbox']:checked + header .clear-menu-btn .bottom {
  top: 50%;
  width: 42px !important;
}

input[type='checkbox']:checked + header .clear-menu-btn > span {
  background: #fff !important;
}

input[type='checkbox']:checked + header .clear-menu-btn .top {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type='checkbox']:checked + header .clear-menu-btn .bottom {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input[type='checkbox']:checked + header .clear-menu-btn .middle {
  filter: alpha(opacity=0);
  opacity: 0;
}

input[type='checkbox']:checked + header .clear-menu-btn .circle {
  filter: alpha(opacity=100);
  opacity: 1;
}

.clear-menu-btn > span {
  position: absolute;
  display: block;
  width: 42px;
  height: 1px;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}

.clear-menu-btn .top {
  top: 15%;
  top: 4px;
  right: 0;
  width: 20px;
}

.clear-menu-btn .middle {
  top: 50%;
  width: 30px;
  right: 0;
}

.clear-menu-btn .bottom {
  top: 85%;
  top: 37px;
  right: 0;
}

input[type='checkbox']:hover + .clear-menu-btn .top {
  width: 42px;
}

input[type='checkbox']:hover + .clear-menu-btn .middle {
  top: 50%;
}

input[type='checkbox']:hover + .clear-menu-btn .bottom {
  width: 20px;
}

.clear-menu-btn .circle {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  filter: alpha(opacity=0);
  opacity: 0;
  width: 120px;
  height: 120px;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #fff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  z-index: -1;
}

#maskproduct {
  display: none;
}

/*menu*/
#menu ul li a {
  color: transparent;
  white-space: nowrap;
}

#menu ul li a span:before {
  position: absolute;
  background: #919191;
  height: 2px !important;
  width: 0 !important;
  bottom: 3px !important;
  top: auto !important;
  left: -35px !important;
  transition: 0.3s ease-in-out;
}

#menu ul li a span:nth-child(1):before,
#menu ul li:nth-child(1) a span:nth-child(2):before {
  content: '';
  -webkit-clip-path: initial;
  clip-path: initial;
}

#menu ul li a span:after,
#menu ul li a span:before {
  position: absolute;
  color: #919191;
  left: -25px;
  transition: 0.3s ease-in-out;
  top: -8px;
  letter-spacing: 0px;
  -webkit-clip-path: polygon(115px 0px, 100% 0%, 100% 100%, 377px 100%);
  clip-path: polygon(115px 0px, 100% 0%, 100% 100%, 377px 100%);
  line-height: 155px;
  height: 117px;
  opacity: 0;
}

input[type='checkbox']:checked + header div#menu ul li a span:after,
input[type='checkbox']:checked + header div#menu ul li a span:before {
  opacity: 1;
  transition: 0.3s ease-in-out;
  line-height: 115px;
}

input[type='checkbox']:checked + header div#menu ul li:nth-child(1) a span:after,
input[type='checkbox']:checked + header div#menu ul li:nth-child(1) a span:before {
  transition-delay: 0.1s;
}

input[type='checkbox']:checked + header div#menu ul li:nth-child(2) a span:after,
input[type='checkbox']:checked + header div#menu ul li:nth-child(2) a span:before {
  transition-delay: 0.2s;
}

input[type='checkbox']:checked + header div#menu ul li:nth-child(3) a span:after,
input[type='checkbox']:checked + header div#menu ul li:nth-child(3) a span:before {
  transition-delay: 0.3s;
}

input[type='checkbox']:checked + header div#menu ul li:nth-child(4) a span:after,
input[type='checkbox']:checked + header div#menu ul li:nth-child(4) a span:before {
  transition-delay: 0.4s;
}

input[type='checkbox']:checked + header div#menu ul li:nth-child(5) a span:after,
input[type='checkbox']:checked + header div#menu ul li:nth-child(5) a span:before {
  transition-delay: 0.5s;
}

input[type='checkbox']:checked + header div#menu ul li a:hover span:after,
input[type='checkbox']:checked + header div#menu ul li a:hover span:before {
  transition-delay: 0s;
}

#menu ul li a span:last-child:after,
#menu ul li a span:last-child:before {
  top: 7px;
  -webkit-clip-path: polygon(0 0px, 125px 0%, 386px 100%, 0 100%);
  clip-path: polygon(0 0px, 125px 0%, 386px 100%, 0 100%);
  left: 0;
}

#menu ul li:nth-child(2) a span:after {
  left: -17px;
  top: 0px;
  -webkit-clip-path: polygon(427px 0px, 100% 0%, 100% 100%, 690px 100%);
  clip-path: polygon(427px 0px, 100% 0%, 100% 100%, 690px 100%);
}

#menu ul li:nth-child(2) a span:last-child:after {
  -webkit-clip-path: polygon(0 0px, 432px 0%, 694px 100%, 0 100%);
  clip-path: polygon(0 0px, 432px 0%, 694px 100%, 0 100%);
  top: 9px;
  left: 0;
}

#menu ul li:nth-child(3) a span:after {
  left: -5px;
  top: 0px;
  -webkit-clip-path: polygon(417px 0px, 100% 0%, 100% 100%, 677px 100%);
  clip-path: polygon(417px 0px, 100% 0%, 100% 100%, 677px 100%);
}

#menu ul li:nth-child(3) a span:last-child:after {
  -webkit-clip-path: polygon(0 0px, 429px 0%, 693px 100%, 0 100%);
  clip-path: polygon(0 0px, 429px 0%, 693px 100%, 0 100%);
  top: 9px;
  left: 0;
}

#menu ul li:nth-child(4) a span:after {
  left: 23px;
  top: 15px;
  -webkit-clip-path: polygon(0 40px, 100% -26px, 100% 100%, 0 100%);
  clip-path: polygon(0 40px, 100% -26px, 100% 100%, 0 100%);
  letter-spacing: 1px;
  font-size: 95px;
}

#menu ul li:nth-child(4) a span:last-child:after {
  -webkit-clip-path: polygon(0 0px, 279px 0%, 0 45px, 0 100%);
  clip-path: polygon(0 0px, 279px 0%, 0 45px, 0 100%);
  top: 15px;
  left: -4px;
  letter-spacing: 3px;
  font-size: 105px;
}

#menu ul li:nth-child(5) a span:after {
  left: 20px;
  top: 8px;
  -webkit-clip-path: polygon(0 0px, 576px 0%, 446px 100%, 0 100%);
  clip-path: polygon(0 0px, 576px 0%, 446px 100%, 0 100%);
  font-size: 95px;
  letter-spacing: 2px;
}

#menu ul li:nth-child(5) a span:nth-child(2):after {
  left: 15px;
  top: 10px;
  -webkit-clip-path: polygon(580px 0px, 769px 0%, 738px 100%, 448px 100%);
  clip-path: polygon(580px 0px, 769px 0%, 738px 100%, 448px 100%);
  /* opacity: 0; */
  letter-spacing: -2px;
  font-size: 102px;
}

#menu ul li:nth-child(5) a span:nth-child(3):after {
  left: 16px;
  top: 13px;
  -webkit-clip-path: polygon(765px 0, 898px 0%, 937px 100%, 736px 100%);
  clip-path: polygon(765px 0, 898px 0%, 937px 100%, 736px 100%);
}

#menu ul li:nth-child(5) a span:last-child:after {
  -webkit-clip-path: polygon(990px 0px, 100% 0, 100% 100%, 1026px 100%);
  clip-path: polygon(990px 0px, 100% 0, 100% 100%, 1026px 100%);
  top: 9px;
  left: -76px;
  font-size: 105px;
}

#menu ul li a span {
  pointer-events: none;
}

#menu ul li a span:before {
  left: -25px;
  bottom: 16px;
  -webkit-clip-path: polygon(387px 0px, 100% 0%, 100% 100%, 391px 100%);
  clip-path: polygon(387px 0px, 100% 0%, 100% 100%, 391px 100%);
}

#menu ul li:nth-child(1) a span:nth-child(2):before {
  bottom: 21px !important;
  left: 40px !important;
  -webkit-clip-path: polygon(300px 0px, 100% 0%, 100% 100%, 306px 100%);
  clip-path: polygon(300px 0px, 100% 0%, 100% 100%, 306px 100%);
}

#menu ul li.active a span:before,
#menu ul li a:hover span:before {
  width: 380px !important;
}

#menu ul li.active a span:after,
#menu ul li a:hover span:after {
  color: #fff;
}

#menu ul li a:hover span:before {
  background-color: #fff;
}

.menu-image {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
}
.menu-image {
  height: 100vh;
  top: 50%;
  transform: translate(0, -50%);
  left: 50%;
  right: auto;
  width: 102.5vh;
  z-index: -1;
}

@media (min-aspect-ratio: 2020/1080) {
  .menu-image {
    height: 49vw;
    top: 50%;
    transform: translate(0, -50%);
    left: 50%;
    right: auto;
    width: 50vw;
    z-index: -1;
  }
  .menu-image div span:nth-child(6) {
    left: -2vw !important;
  }
}
/* .menu-image {
  width: 100vw;
  height: calc(100vw * 1873 / 1920);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(0,-50%);
  margin-top: calc(100vw * -9 / 1920);
} */

.menu-image div {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
}

.menu-image div.m1 span {
  background: url(../images/menu/products.png) no-repeat center 50% / 104% auto;
}

.menu-image div.m2 span {
  background: url(../images/menu/journey.png) no-repeat center 50% / 104% auto;
}

.menu-image div.m3 span {
  background: url(../images/menu/recipes.png) no-repeat center 50% / 104% auto;
}

.menu-image div.m4 span {
  background: url(../images/menu/discover.png) no-repeat center 50% / 104% auto;
}

.menu-image div.m5 span {
  background: url(../images/menu/find.png) no-repeat center 50% / 104% auto;
}

.menu-image div span {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s, background 0.1s;
}

.me1 .menu-image div.m1 span,
.me2 .menu-image div.m2 span,
.me3 .menu-image div.m3 span,
.me4 .menu-image div.m4 span,
.me5 .menu-image div.m5 span {
  opacity: 1;
  background-size: 100% auto;
}

.me1 .menu-image div span:nth-child(1),
.me2 .menu-image div span:nth-child(1),
.me3 .menu-image div span:nth-child(1),
.me4 .menu-image div span:nth-child(1),
.me5 .menu-image div span:nth-child(1) {
  transition-delay: 0.1s;
}

.me1 .menu-image div span:nth-child(2),
.me2 .menu-image div span:nth-child(2),
.me3 .menu-image div span:nth-child(2),
.me4 .menu-image div span:nth-child(2),
.me5 .menu-image div span:nth-child(2) {
  transition-delay: 0.15s;
}

.me1 .menu-image div span:nth-child(3),
.me2 .menu-image div span:nth-child(3),
.me3 .menu-image div span:nth-child(3),
.me4 .menu-image div span:nth-child(3),
.me5 .menu-image div span:nth-child(3) {
  transition-delay: 0.2s;
}

.me1 .menu-image div span:nth-child(4),
.me2 .menu-image div span:nth-child(4),
.me3 .menu-image div span:nth-child(4),
.me4 .menu-image div span:nth-child(4),
.me5 .menu-image div span:nth-child(4) {
  transition-delay: 0.25s;
}

.me1 .menu-image div span:nth-child(5),
.me2 .menu-image div span:nth-child(5),
.me3 .menu-image div span:nth-child(5),
.me4 .menu-image div span:nth-child(5),
.me5 .menu-image div span:nth-child(5) {
  transition-delay: 0.3s;
}

.me1 .menu-image div span:nth-child(6),
.me2 .menu-image div span:nth-child(6),
.me3 .menu-image div span:nth-child(6),
.me4 .menu-image div span:nth-child(6),
.me5 .menu-image div span:nth-child(6) {
  transition-delay: 0.35s;
}

.me1 .menu-image div span:nth-child(7),
.me2 .menu-image div span:nth-child(7),
.me3 .menu-image div span:nth-child(7),
.me4 .menu-image div span:nth-child(7),
.me5 .menu-image div span:nth-child(7) {
  transition-delay: 0.4s;
}

.menu-image div span:nth-child(1) {
  -webkit-clip-path: polygon(0% 0, 20% 0%, 31.1% 0%, 0 51%);
  clip-path: polygon(0% 0, 20% 0%, 31.1% 0%, 0 51%);
}

.menu-image div span:nth-child(2) {
  -webkit-clip-path: polygon(31.2% 0, 100% 0%, 100% 3.3%, 0 51.1%);
  clip-path: polygon(31.2% 0, 100% 0%, 100% 3.3%, 0 51.1%);
  background-position: 51% 45%;
}

.menu-image div span:nth-child(3) {
  -webkit-clip-path: polygon(100% 3.4%, 100% 2%, 100% 65.5%, 0 51.1%);
  clip-path: polygon(100% 3.4%, 100% 2%, 100% 65.5%, 0 51.1%);
  background-position: 51% 35%;
}

.menu-image div span:nth-child(4) {
  -webkit-clip-path: polygon(100% 65.6%, 100% 2%, 100% 136.7%, 0 51.1%);
  clip-path: polygon(100% 65.6%, 100% 2%, 100% 136.7%, 0 51.1%);
  background-position: 51% 36%;
}

.menu-image div span:nth-child(5) {
  -webkit-clip-path: polygon(100% 137.4%, 100% 2%, 100% 386.7%, 0 51.1%);
  clip-path: polygon(100% 137.4%, 100% 2%, 100% 386.7%, 0 51.1%);
  background-position: 51% 14%;
}

.menu-image div span:nth-child(6) {
  -webkit-clip-path: polygon(0% 66.3%, 4.1% 51.2%, 19% 100%, 0% 100%);
  clip-path: polygon(0% 66.3%, 4.1% 51.2%, 19% 100%, 0% 100%);
  right: 40px;
}

.menu-image div span:nth-child(7) {
  -webkit-clip-path: polygon(0% 0, 100% 0%, 100% 7%, 0 51%);
  clip-path: polygon(0% 0, 100% 0%, 100% 7%, 0 51%);
}

div.glass {
  -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 32% 0%, 50% 0%, 50% 50%, 50% 0%, 69% 0%, 50% 50%, 69% 0%, 100% 0%, 100% 3.4%, 50% 50%, 100% 3.4%, 100% 67%, 50% 50%, 100% 67%, 100% 100%, 100% 100%, 78.4% 100%, 50% 50%, 78.4% 100%, 43.1% 100%, 50% 50%, 43.1% 100%, 22.7% 100%, 50% 50%, 22.7% 100%, 0% 100%, 0% 70%, 50% 50%, 0% 70%, 0% 30%, 50% 50%, 0% 30%, 0% 5.5%, 52% 52%, 0% 5.5%, 0 0, 50% 0%);
  clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 32% 0%, 50% 0%, 50% 50%, 50% 0%, 69% 0%, 50% 50%, 69% 0%, 100% 0%, 100% 3.4%, 50% 50%, 100% 3.4%, 100% 67%, 50% 50%, 100% 67%, 100% 100%, 100% 100%, 78.4% 100%, 50% 50%, 78.4% 100%, 43.1% 100%, 50% 50%, 43.1% 100%, 22.7% 100%, 50% 50%, 22.7% 100%, 0% 100%, 0% 70%, 50% 50%, 0% 70%, 0% 30%, 50% 50%, 0% 30%, 0% 5.5%, 52% 52%, 0% 5.5%, 0 0, 50% 0%);
  -webkit-clip-path: polygon(50% 51%, 65.6% 0%, 50% 51%, 65.6% 0%, 100% 0%, 100% 3.4%, 50.6% 51.3%, 100% 66.4%, 100% 100%, 75.9% 100%, 50% 51.2%, 66.8% 100%, 42.9% 100%, 50% 51%, 36% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 50%, 0% 70%, 0% 69.6%, 50% 51.1%, 0% 6.1%, 0% 0%, 33.6% 0);
  clip-path: polygon(50% 51%, 65.6% 0%, 50% 51%, 65.6% 0%, 100% 0%, 100% 3.4%, 50.6% 51.3%, 100% 66.4%, 100% 100%, 75.9% 100%, 50% 51.2%, 66.8% 100%, 42.9% 100%, 50% 51%, 36% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 50%, 0% 70%, 0% 69.6%, 50% 51.1%, 0% 6.1%, 0% 0%, 33.6% 0);
  overflow: hidden;
  z-index: -1 !important;
  /*   
  animation: reveal-triangle .6s 0ms infinite alternate ease-in-out,
    hue-adjust .6s 0ms infinite alternate ease-in-out; */
}

div.glass2 {
  -webkit-clip-path: polygon(50% 51%, 50% 0%, 65.6% 0, 50% 51.2%, 100% 3.3%, 100% 66.5%, 50% 51.2%, 78.5% 100%, 57.2% 100%, 50% 51%, 43.1% 100%, 22.8% 100%, 50% 51.1%, 0 70.3%, 0% 5.5%, 50% 51%, 33.5% 0%, 50% 0, 50% 50%);
  clip-path: polygon(50% 51%, 50% 0%, 65.6% 0, 50% 51.2%, 100% 3.3%, 100% 66.5%, 50% 51.2%, 78.5% 100%, 57.2% 100%, 50% 51%, 43.1% 100%, 22.8% 100%, 50% 51.1%, 0 70.3%, 0% 5.5%, 50% 51%, 33.5% 0%, 50% 0, 50% 50%);
  overflow: hidden;
  z-index: -1 !important;
  /* animation: reveal-triangle 6s 0ms infinite alternate ease-in-out,
  hue-adjust 6s 0ms infinite alternate ease-in-out; */
}

div.glass img,
div.glass2 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* width: 1710px; */
  height: 104vh;
  pointer-events: none;
}

div.glass2 img {
  margin-top: 0px;
  margin-left: 10px;
}

div.glass2 img {
  margin-top: -4px;
  margin-left: 5px;
}

div.glass div > span:first-child img,
div.glass2 div > span:first-child img {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: none;
  top: auto;
  left: auto;
  /* margin-top: 0px;
  margin-left: 10px; */
}

div.glass2 div > span:first-child img {
  /* margin-right: -10px;
  margin-bottom: -10px; */
}

div.glass2 img,
div.glass2 canvas {
  /* transform: translate(10px,10px); */
  /* width: 1714px; */
  height: 102vh;
}

div.glass {
  -webkit-clip-path: polygon(50% 51.2%, 65.6% 0%, 50% 51.2%, 65.6% 0%, 100% 0%, 100% 3.4%, 50.6% 51.3%, 100% 66.4%, 100% 100%, 75.9% 100%, 50% 51.2%, 57.2% 100%, 42.9% 100%, 50% 51.2%, 22.8% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 50%, 0% 70%, 0% 69.6%, 50% 51.2%, 0% 6.1%, 0% 0%, 33.6% 0);
  clip-path: polygon(50% 51.2%, 65.6% 0%, 50% 51.2%, 65.6% 0%, 100% 0%, 100% 3.4%, 50.6% 51.3%, 100% 66.4%, 100% 100%, 75.9% 100%, 50% 51.2%, 57.2% 100%, 42.9% 100%, 50% 51.2%, 22.8% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 50%, 0% 70%, 0% 69.6%, 50% 51.2%, 0% 6.1%, 0% 0%, 33.6% 0);
  /* display: none; */
  pointer-events: none;
}

.trr div.glass2 {
  animation: reveal-triangle 1.2s reverse;
}

.trr div.glass {
  animation: reveal-triangle2 1.2s reverse;
  animation-delay: 1s;
}

/* 


div.glass {
  -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 32% 0%, 50% 0%, 50% 50%, 50% 0%, 69% 0%, 50% 50%, 69% 0%, 100% 0%, 100% 3.4%, 50% 50%, 100% 3.4%, 100% 67%, 50% 50%, 100% 67%, 100% 100%, 100% 100%, 78.4% 100%, 50% 50%, 78.4% 100%, 43.1% 100%, 50% 50%, 43.1% 100%, 22.7% 100%, 50% 50%, 22.7% 100%, 0% 100%, 0% 70%, 50% 50%, 0% 70%, 0% 30%, 50% 50%, 0% 30%, 0% 5.5%, 52% 52%, 0% 5.5%, 0 0, 50% 0%);
  clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 32% 0%, 50% 0%, 50% 50%, 50% 0%, 69% 0%, 50% 50%, 69% 0%, 100% 0%, 100% 3.4%, 50% 50%, 100% 3.4%, 100% 67%, 50% 50%, 100% 67%, 100% 100%, 100% 100%, 78.4% 100%, 50% 50%, 78.4% 100%, 43.1% 100%, 50% 50%, 43.1% 100%, 22.7% 100%, 50% 50%, 22.7% 100%, 0% 100%, 0% 70%, 50% 50%, 0% 70%, 0% 30%, 50% 50%, 0% 30%, 0% 5.5%, 52% 52%, 0% 5.5%, 0 0, 50% 0%);
  overflow: hidden;
  
  animation: reveal-triangle .6s 0ms infinite alternate ease-in-out,
    hue-adjust .6s 0ms infinite alternate ease-in-out;
}*/

@keyframes reveal-triangle {
  0% {
    -webkit-clip-path: polygon(50% 51.2%, 65.6% 0%, 65.6% 0, 50% 51.2%, 100% 66.5%, 100% 66.5%, 50% 51.2%, 57.2% 100%, 57.2% 100%, 50% 51.2%, 50% 51.2%, 22.8% 100%, 22.8% 100%, 50% 51.2%, 0 5.5%, 0% 5.5%, 50% 51.2%, 50% 0%, 50% 0, 50% 50%);
    clip-path: polygon(50% 51.2%, 65.6% 0%, 65.6% 0, 50% 51.2%, 100% 66.5%, 100% 66.5%, 50% 51.2%, 57.2% 100%, 57.2% 100%, 50% 51.2%, 50% 51.2%, 22.8% 100%, 22.8% 100%, 50% 51.2%, 0 5.5%, 0% 5.5%, 50% 51.2%, 50% 0%, 50% 0, 50% 50%);
  }

  20% {
    -webkit-clip-path: polygon(50% 51.2%, 65.6% 0%, 65.6% 0, 50% 51.2%, 100% 66.5%, 100% 66.5%, 50% 51.2%, 57.2% 100%, 57.2% 100%, 50% 51.2%, 50% 51.2%, 22.8% 100%, 22.8% 100%, 50% 51.2%, 0 5.5%, 0% 5.5%, 50% 51.2%, 33.5% 0%, 50% 0, 50% 50%);
    clip-path: polygon(50% 51.2%, 65.6% 0%, 65.6% 0, 50% 51.2%, 100% 66.5%, 100% 66.5%, 50% 51.2%, 57.2% 100%, 57.2% 100%, 50% 51.2%, 50% 51.2%, 22.8% 100%, 22.8% 100%, 50% 51.2%, 0 5.5%, 0% 5.5%, 50% 51.2%, 33.5% 0%, 50% 0, 50% 50%);
  }

  40% {
    -webkit-clip-path: polygon(50% 51.2%, 65.6% 0%, 65.6% 0, 50% 51.2%, 100% 66.5%, 100% 66.5%, 50% 51.2%, 57.2% 100%, 57.2% 100%, 50% 51.2%, 50% 51.2%, 22.8% 100%, 22.8% 100%, 50% 51.2%, 0 70.3%, 0% 5.5%, 50% 51.2%, 33.5% 0%, 50% 0, 50% 50%);
    clip-path: polygon(50% 51.2%, 65.6% 0%, 65.6% 0, 50% 51.2%, 100% 66.5%, 100% 66.5%, 50% 51.2%, 57.2% 100%, 57.2% 100%, 50% 51.2%, 50% 51.2%, 22.8% 100%, 22.8% 100%, 50% 51.2%, 0 70.3%, 0% 5.5%, 50% 51.2%, 33.5% 0%, 50% 0, 50% 50%);
  }

  50% {
    -webkit-clip-path: polygon(50% 51.2%, 65.6% 0%, 65.6% 0, 50% 51.2%, 100% 66.5%, 100% 66.5%, 50% 51.2%, 57.2% 100%, 57.2% 100%, 50% 51.2%, 50% 51.2%, 43.1% 100%, 22.8% 100%, 50% 51.2%, 0 70.3%, 0% 5.5%, 50% 51.2%, 33.5% 0%, 50% 0, 50% 50%);
    clip-path: polygon(50% 51.2%, 65.6% 0%, 65.6% 0, 50% 51.2%, 100% 66.5%, 100% 66.5%, 50% 51.2%, 57.2% 100%, 57.2% 100%, 50% 51.2%, 50% 51.2%, 43.1% 100%, 22.8% 100%, 50% 51.2%, 0 70.3%, 0% 5.5%, 50% 51.2%, 33.5% 0%, 50% 0, 50% 50%);
  }

  70% {
    -webkit-clip-path: polygon(50% 51.2%, 65.6% 0%, 65.6% 0, 50% 51.2%, 100% 66.5%, 100% 66.5%, 50% 51.2%, 78.5% 100%, 57.2% 100%, 50% 51.2%, 50% 51.2%, 43.1% 100%, 22.8% 100%, 50% 51.2%, 0 70.3%, 0% 5.5%, 50% 51.2%, 33.5% 0%, 50% 0, 50% 50%);
    clip-path: polygon(50% 51.2%, 65.6% 0%, 65.6% 0, 50% 51.2%, 100% 66.5%, 100% 66.5%, 50% 51.2%, 78.5% 100%, 57.2% 100%, 50% 51.2%, 50% 51.2%, 43.1% 100%, 22.8% 100%, 50% 51.2%, 0 70.3%, 0% 5.5%, 50% 51.2%, 33.5% 0%, 50% 0, 50% 50%);
  }

  90% {
    -webkit-clip-path: polygon(50% 51.2%, 65.6% 0%, 65.6% 0, 50% 51.2%, 100% 3.3%, 100% 66.5%, 50% 51.2%, 78.5% 100%, 57.2% 100%, 50% 51.2%, 50% 51.2%, 43.1% 100%, 22.8% 100%, 50% 51.2%, 0 70.3%, 0% 5.5%, 50% 51.2%, 33.5% 0%, 50% 0, 50% 50%);
    clip-path: polygon(50% 51.2%, 65.6% 0%, 65.6% 0, 50% 51.2%, 100% 3.3%, 100% 66.5%, 50% 51.2%, 78.5% 100%, 57.2% 100%, 50% 51.2%, 50% 51.2%, 43.1% 100%, 22.8% 100%, 50% 51.2%, 0 70.3%, 0% 5.5%, 50% 51.2%, 33.5% 0%, 50% 0, 50% 50%);
  }

  100% {
    -webkit-clip-path: polygon(50% 51.2%, 50% 0%, 65.6% 0, 50% 51.2%, 100% 3.3%, 100% 66.5%, 50% 51.2%, 78.5% 100%, 57.2% 100%, 50% 51.2%, 50% 51.2%, 43.1% 100%, 22.8% 100%, 50% 51.2%, 0 70.3%, 0% 5.5%, 50% 51.2%, 33.5% 0%, 50% 0, 50% 50%);
    clip-path: polygon(50% 51.2%, 50% 0%, 65.6% 0, 50% 51.2%, 100% 3.3%, 100% 66.5%, 50% 51.2%, 78.5% 100%, 57.2% 100%, 50% 51.2%, 50% 51.2%, 43.1% 100%, 22.8% 100%, 50% 51.2%, 0 70.3%, 0% 5.5%, 50% 51.2%, 33.5% 0%, 50% 0, 50% 50%);
  }
}

@keyframes reveal-triangle2 {
  0% {
    -webkit-clip-path: polygon(50% 51.2%, 65.6% 0%, 50% 51.2%, 100% 3.5%, 100% 0%, 100% 3.5%, 50% 51.2%, 100% 136.8%, 100% 100%, 78.5% 100%, 50% 51.2%, 42.9% 100%, 42.9% 100%, 50% 51.2%, -82.5% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 51.2%, 0% 70%, 0% 69.6%, 50% 51.2%, 0% -104.9%, 0% 0%, 33.6% 0);
    clip-path: polygon(50% 51.2%, 65.6% 0%, 50% 51.2%, 100% 3.5%, 100% 0%, 100% 3.5%, 50% 51.2%, 100% 136.8%, 100% 100%, 78.5% 100%, 50% 51.2%, 42.9% 100%, 42.9% 100%, 50% 51.2%, -82.5% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 51.2%, 0% 70%, 0% 69.6%, 50% 51.2%, 0% -104.9%, 0% 0%, 33.6% 0);
  }

  30% {
    -webkit-clip-path: polygon(50% 51.2%, 65.6% 0%, 50% 51.2%, 100% 3.5%, 100% 0%, 100% 3.5%, 50% 51.2%, 100% 136.8%, 100% 100%, 78.5% 100%, 50% 51.2%, 42.9% 100%, 42.9% 100%, 50% 51.2%, -82.5% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 51.2%, 0% 70%, 0% 69.6%, 50% 51.2%, 0% 6.1%, 0% 0%, 33.6% 0);
    clip-path: polygon(50% 51.2%, 65.6% 0%, 50% 51.2%, 100% 3.5%, 100% 0%, 100% 3.5%, 50% 51.2%, 100% 136.8%, 100% 100%, 78.5% 100%, 50% 51.2%, 42.9% 100%, 42.9% 100%, 50% 51.2%, -82.5% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 51.2%, 0% 70%, 0% 69.6%, 50% 51.2%, 0% 6.1%, 0% 0%, 33.6% 0);
  }

  45% {
    -webkit-clip-path: polygon(50% 51.2%, 65.6% 0%, 50% 51.2%, 100% 3.5%, 100% 0%, 100% 3.5%, 50% 51.2%, 100% 136.8%, 100% 100%, 78.5% 100%, 50% 51.2%, 42.9% 100%, 42.9% 100%, 50% 51.2%, 22.8% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 51.2%, 0% 70%, 0% 69.6%, 50% 51.2%, 0% 6.1%, 0% 0%, 33.6% 0);
    clip-path: polygon(50% 51.2%, 65.6% 0%, 50% 51.2%, 100% 3.5%, 100% 0%, 100% 3.5%, 50% 51.2%, 100% 136.8%, 100% 100%, 78.5% 100%, 50% 51.2%, 42.9% 100%, 42.9% 100%, 50% 51.2%, 22.8% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 51.2%, 0% 70%, 0% 69.6%, 50% 51.2%, 0% 6.1%, 0% 0%, 33.6% 0);
  }

  60% {
    -webkit-clip-path: polygon(50% 51.2%, 65.6% 0%, 50% 51.2%, 100% 3.5%, 100% 0%, 100% 3.5%, 50% 51.2%, 100% 136.8%, 100% 100%, 78.5% 100%, 50% 51.2%, 57.2% 100%, 42.9% 100%, 50% 51.2%, 22.8% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 51.2%, 0% 70%, 0% 69.6%, 50% 51.2%, 0% 6.1%, 0% 0%, 33.6% 0);
    clip-path: polygon(50% 51.2%, 65.6% 0%, 50% 51.2%, 100% 3.5%, 100% 0%, 100% 3.5%, 50% 51.2%, 100% 136.8%, 100% 100%, 78.5% 100%, 50% 51.2%, 57.2% 100%, 42.9% 100%, 50% 51.2%, 22.8% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 51.2%, 0% 70%, 0% 69.6%, 50% 51.2%, 0% 6.1%, 0% 0%, 33.6% 0);
  }

  80% {
    -webkit-clip-path: polygon(50% 51.2%, 65.6% 0%, 50% 51.2%, 100% 3.5%, 100% 0%, 100% 3.5%, 50% 51.2%, 100% 66.4%, 100% 100%, 78.5% 100%, 50% 51.2%, 57.2% 100%, 42.9% 100%, 50% 51.2%, 22.8% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 51.2%, 0% 70%, 0% 69.6%, 50% 51.2%, 0% 6.1%, 0% 0%, 33.6% 0);
    clip-path: polygon(50% 51.2%, 65.6% 0%, 50% 51.2%, 100% 3.5%, 100% 0%, 100% 3.5%, 50% 51.2%, 100% 66.4%, 100% 100%, 78.5% 100%, 50% 51.2%, 57.2% 100%, 42.9% 100%, 50% 51.2%, 22.8% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 51.2%, 0% 70%, 0% 69.6%, 50% 51.2%, 0% 6.1%, 0% 0%, 33.6% 0);
  }

  100% {
    -webkit-clip-path: polygon(50% 51.2%, 65.6% 0%, 50% 51.2%, 65.6% 0%, 100% 0%, 100% 3.4%, 50.6% 51.3%, 100% 66.4%, 100% 100%, 78.5% 100%, 50% 51.2%, 57.2% 100%, 42.9% 100%, 50% 51.2%, 22.8% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 50%, 0% 70%, 0% 69.6%, 50% 51.2%, 0% 6.1%, 0% 0%, 33.6% 0);
    clip-path: polygon(50% 51.2%, 65.6% 0%, 50% 51.2%, 65.6% 0%, 100% 0%, 100% 3.4%, 50.6% 51.3%, 100% 66.4%, 100% 100%, 78.5% 100%, 50% 51.2%, 57.2% 100%, 42.9% 100%, 50% 51.2%, 22.8% 100%, 0 100%, 0 18.5%, 0% 100%, 0% 70%, 50% 50%, 0% 70%, 0% 69.6%, 50% 51.2%, 0% 6.1%, 0% 0%, 33.6% 0);
  }
}

.home-slider__item .content__text {
  transform: rotateY(30deg) rotateX(-20deg) skew(0, 0) translate(-20%, -70%);
  opacity: 0;
  transition: 1s ease-out;
}

.home-slider__item.swiper-slide-next .content__text {
  transform: rotateY(-30deg) rotateX(20deg) skew(0, 0) translate(20%, -30%);
  opacity: 0;
  transition: 1s ease-out;
}

.home-slider__item.swiper-slide-active .content__text {
  transform: rotateY(0) rotateX(0) skew(0, 0) translate(0, -50%);
  opacity: 1;
}

.swiper-slide-next,
.swiper-slide-prev {
  opacity: 1 !important;
  pointer-events: none;
}

.content__text p:before {
  transform: translate(-20px, -30px) rotate(-16deg);
  transition: 1s ease-out;
}

.content__text p {
  line-height: 50px;
  transition: 1s ease-out;
}

.content__text h1 span:nth-child(2):after {
  transform: translate(-90px, -6px) skew(60deg);
  transition: 1s ease-out;
}

.home-slider__item.swiper-slide-next .content__text h1 span:nth-child(2):after {
  transform: translate(90px, 6px) skew(60deg);
}

.home-slider__item.swiper-slide-active .content__text p:before {
  transform: translate(0) rotate(0);
}

.home-slider__item.swiper-slide-active .content__text p {
  line-height: 31px;
}

.home-slider__item.swiper-slide-active .content__text h1 span:nth-child(2):after {
  transform: translate(0, 0) skew(60deg);
}
#home__discover .bt,
#home__journey .bt,
.recipes-slider .bt,
.products-slider .bt {
  transform: translate(0, 50px);
  transition: 1s ease-out;
}

.recipes-slider .bt:last-child,
.products-slider .bt:last-child {
  transform: translate(10px, 70px);
}

.home-slider__item.swiper-slide-active .recipes-slider .bt,
.home-slider__item.swiper-slide-active .products-slider .bt {
  transform: translate(0, 0);
}
#home__discover .bt,
#home__journey .bt,
#home__home .arrow,
#home__home .bt {
  transform: translate(-50%, -50px);
  opacity: 0;
  transition: 1s ease-out;
}

#home__home .arrow {
  transform: translate(-50%, -100px);
}

.swiper-slide-active #home__home .arrow,
.swiper-slide-active #home__discover .bt,
.swiper-slide-active #home__journey .bt,
.swiper-slide-active #home__home .bt {
  opacity: 1;
  transform: translate(-50%, 0);
}

.swiper-slide-active #home__journey .bt {
  opacity: 1;
  transform: translate(-50%, 0);
}

.home-slider__item .content__text__recipes,
.home-slider__item .navigation {
  transform: translate(0, -50px);
  opacity: 0;
  transition: 1s ease-out;
}

.home-slider__item.swiper-slide-next .content__text__recipes,
.home-slider__item.swiper-slide-next .navigation {
  transform: translate(0, 50px);
}

.home-slider__item.swiper-slide-active .content__text__recipes,
.home-slider__item.swiper-slide-active .navigation {
  transform: translate(0, 0);
  opacity: 1;
}

.home-slider__item .content__text__recipes {
  transform: rotateX(30deg) rotateX(-20deg) skew(0, 0) translate(-60%, -20%);
}

.home-slider__item.swiper-slide-next .content__text__recipes {
  transform: rotateX(-30deg) rotateX(20deg) skew(0, 0) translate(-70%, 20%);
}

.home-slider__item.swiper-slide-active .content__text__recipes {
  transform: translate(-50%, 0);
  transform: rotateY(0) rotateX(0) skew(0, 0) translate(-50%, 0);
  opacity: 1;
}

.swiper-slide-prev #home__journey .bt {
  transform: translate(-50%, -50px);
}
.swiper-slide-next #home__journey .bt {
  transform: translate(-50%, 50px);
}
.swiper-slide-active #home__journey .bt {
  transform: translate(-50%, 0);
}

#imgContainer div div {
  /* background: url(../images/bottle.png) no-repeat 0 0 ; */
  /* transition: all 900ms ease-in-out; */
}

#imgContainer div span {
  width: 100vw;
  position: relative;
  overflow: hidden;
  height: 100vh;
  margin-bottom: 20vh;
  display: block;
}

#imgContainer div span.recipes-img img {
  display: block;
}

#imgContainer div span.recipes-img span,
#imgContainer div span.products-img span {
  position: absolute;
}
#imgContainer div span.recipes-img {
  opacity: 0.2;
}
.whitenav #imgContainer div span.recipes-img {
  opacity: 1;
}
#imgContainer div span.recipes-img {
  width: 500vw;
}
#imgContainer div span.products-img {
  width: 600vw;
}

#imgContainer div span.recipes-img {
  width: 800vw;
}

#imgContainer div span.recipes-img span:nth-child(1),
#imgContainer div span.products-img span:nth-child(1) {
  left: 0;
}

#imgContainer div span.recipes-img span:nth-child(2),
#imgContainer div span.products-img span:nth-child(2) {
  left: 100vw;
}

#imgContainer div span.recipes-img span:nth-child(3),
#imgContainer div span.products-img span:nth-child(3) {
  left: 200vw;
}

#imgContainer div span.recipes-img span:nth-child(4),
#imgContainer div span.products-img span:nth-child(4) {
  left: 300vw;
}

#imgContainer div span.recipes-img span:nth-child(5),
#imgContainer div span.products-img span:nth-child(5) {
  left: 400vw;
}

#imgContainer div span.recipes-img span:nth-child(6),
#imgContainer div span.products-img span:nth-child(6) {
  left: 500vw;
}

#imgContainer div span.recipes-img span:nth-child(7),
#imgContainer div span.products-img span:nth-child(7) {
  left: 600vw;
}

#imgContainer div span.recipes-img span:nth-child(8),
#imgContainer div span.products-img span:nth-child(8) {
  left: 700vw;
}

div.glass .cover img,
div.glass2 .cover img {
  width: 110vw;
  height: 110vh;
  object-fit: cover;
  opacity: 0.8;
}

.recipes-slider .content__text h1 span:nth-child(1):after,
.products-slider .content__text h1 span:nth-child(1):after {
  transition: 1s ease-out;
}

.recipes-slider .swiper-slide-prev .content__text h1 span:nth-child(1):after,
.products-slider .swiper-slide-prev .content__text h1 span:nth-child(1):after {
  left: -100px;
  transition: 1s ease-out;
}

.recipes-slider .swiper-slide-prev .content__text h1 span:nth-child(2):after,
.products-slider .swiper-slide-prev .content__text h1 span:nth-child(2):after {
  margin-left: -80px;
  transition: 1s ease-out;
}

.recipes-slider .swiper-slide-prev .content__text p,
.products-slider .swiper-slide-prev .content__text p {
  transform: skew(80deg, 0) rotateX(1deg) translate(-60px, 0);
}

.recipes-slider .swiper-slide-next .content__text h1 span:nth-child(1):after,
.products-slider .swiper-slide-next .content__text h1 span:nth-child(1):after {
  left: 100px;
}

.recipes-slider .swiper-slide-next .content__text h1 span:nth-child(2):after,
.products-slider .swiper-slide-next .content__text h1 span:nth-child(2):after {
  margin-left: 80px;
}

.recipes-slider .swiper-slide-next .content__text p,
.products-slider .swiper-slide-next .content__text p {
  transform: skew(-60deg, 0) rotateX(1deg) translate(60px, 0);
}

.recipes-slider .swiper-slide-active .content__text h1 span:nth-child(1):after,
.products-slider .swiper-slide-active .content__text h1 span:nth-child(1):after {
  left: 0;
}

.recipes-slider .swiper-slide-active .content__text p,
.products-slider .swiper-slide-active .content__text p {
  transform: skew(0, 0) rotateX(0) translate(0, 0);
}

.products-slider #products__dobel50.swiper-slide-active .content__text p {
  width: calc(100vw * 730 / 1920);
}
.recipes-slider .bt:last-child,
.products-slider .bt:last-child {
  transition: 1s ease-out;
}

.recipes-slider .swiper-slide-prev .bt:last-child,
.products-slider .swiper-slide-prev .bt:last-child {
  margin-left: -20px;
}

.recipes-slider .swiper-slide-next .bt:last-child,
.products-slider .swiper-slide-next .bt:last-child {
  margin-left: 100px;
}

.recipes-slider .swiper-slide-active .bt:last-child,
.products-slider .swiper-slide-active .bt:last-child {
  margin-left: 27px;
}

.recipes-slider .content__text__recipes h3 {
  transition: 1s ease-out;
}

.recipes-slider .content__text__recipes ul,
.recipes-slider .content__text__recipes p {
  transition: 1s ease-out;
}

.recipes-slider .content__text__recipes h2,
.recipes-slider .content__text__recipes h3 {
  transition: 1s ease-out;
}

.recipes-slider .swiper-slide-prev .content__text__recipes ul,
.recipes-slider .swiper-slide-prev .content__text__recipes p {
  transform: skew(40deg, 0) rotateX(1deg) translate(-60px, 0);
}

.recipes-slider .swiper-slide-prev .content__text__recipes h2 {
  margin-left: 60px;
}

.recipes-slider .swiper-slide-prev .content__text__recipes h3 {
  margin-left: 80px;
}

.recipes-slider .swiper-slide-next .content__text__recipes ul,
.recipes-slider .swiper-slide-next .content__text__recipes p {
  transform: skew(-40deg, 0) rotateX(-1deg) translate(60px, 0);
}

.recipes-slider .swiper-slide-prev .content__text__recipes h2 {
  margin-left: -60px;
}

.recipes-slider .swiper-slide-prev .content__text__recipes h3 {
  margin-left: -80px;
}

.recipes-slider .swiper-slide-active .content__text__recipes h3 {
  margin-left: 0;
}

.recipes-slider .swiper-slide-active .content__text__recipes ul,
.recipes-slider .swiper-slide-active .content__text__recipes p {
  transform: skew(0, 0) rotateX(0) translate(0, 0);
}

.recipes-slider .swiper-slide-active .content__text__recipes h2,
.recipes-slider .swiper-slide-active .content__text__recipes h3 {
  margin-left: 0;
}

#imgContainer div span.recipes-img img {
  height: 150vh !important;
  object-fit: contain;
}

img.shadow {
  opacity: 0.3;
}

img.shadow + img {
  opacity: 0.8;
}

.recipes-slider .content__text p {
  position: relative;
}

.recipes-slider .content__text p:before {
  background: #000 !important;
}

.navigation + .content__text .bt {
  display: block;
}
.navigation + .content__text .bt:last-child {
  margin-left: 27px;
}

#home__discover,
#home__journey {
  /* background: url(..../images/journey.jpg) no-repeat center center / 1920px auto;  */
  width: 100vw;
  height: 100vh;
}

#home__discover h1,
#home__journey h1 {
  width: 308px !important;
}

#home__discover .content__text h1 span:nth-child(2):after,
#home__journey .content__text h1 span:nth-child(2):after,
#home__discover .content__text h1 span:nth-child(1):after,
#home__journey .content__text h1 span:nth-child(1):after {
  width: 308px !important;
}
.content__subtext {
  width: 940px;
  position: absolute;
  left: 50%;
  top: 50%;
  text-transform: uppercase;
  color: #c3c3c3;
  /* color: transparent; */
  font-size: 47px;
  line-height: 66px;
  font-weight: bold;
  margin-top: -253px;
  margin-left: -379px;
  letter-spacing: 1.1px;
  height: 375px;
}
.content__subtext strong {
  color: #fff;
}
.content__subtext h2 {
  position: relative;
}

.content__subtext h2 span {
  display: block;
  opacity: 0;
  transform: translateY(50px);
}

.home-slider__item.swiper-slide.swiper-slide-prev .content__subtext h2 {
  opacity: 0;
  transition: 0.6s all ease;
}
.home-slider__item.swiper-slide.swiper-slide-next .content__subtext h2 {
  opacity: 0;
  transition: 0.6s all ease;
}
.home-slider__item.swiper-slide.swiper-slide-prev .content__subtext h2 span,
.home-slider__item.swiper-slide.swiper-slide-next .content__subtext h2 span {
  opacity: 0;
  transition: 0.6s all ease;
}
.home-slider__item.swiper-slide.swiper-slide-active .content__subtext h2 span {
  transition: 1s all ease;
}
.home-slider__item.swiper-slide.swiper-slide-active .content__subtext h2 span {
  opacity: 1;
  transform: translate(0);
}
.home-slider__item.swiper-slide.swiper-slide-active .content__subtext h2 span:nth-child(1) {
  transition-delay: 1.3s;
}
.home-slider__item.swiper-slide.swiper-slide-active .content__subtext h2 span:nth-child(2) {
  transition-delay: 1.6s;
}
.home-slider__item.swiper-slide.swiper-slide-active .content__subtext h2 span:nth-child(3) {
  transition-delay: 1.8s;
}
.home-slider__item.swiper-slide.swiper-slide-active .content__subtext h2 span:nth-child(4) {
  transition-delay: 2s;
}
.home-slider__item.swiper-slide.swiper-slide-active .content__subtext h2 span:nth-child(5) {
  transition-delay: 2.1s;
}
#home__journey .bt {
  left: 50%;
  bottom: 139px;
  width: 289px;
}

#home__discover .bt {
  left: auto;
  right: 22px;
  width: 177px;
  transform: none !important;
  bottom: 22px;
}

#home__discover .bt i,
#home__journey .bt i {
  width: 54px !important;
}
#home__discover .bt i:before,
#home__journey .bt i:before {
  width: 54px;
  /* height: 66px; */
  -webkit-clip-path: polygon(52px 0%, 54px 0, 2px 100%, 0 100%);
  clip-path: polygon(52px 0%, 54px 0, 2px 100%, 0 100%);
}

#home__discover {
  /* background: url(..../images/discover.jpg) no-repeat center center / 1770px auto;  */
  width: 100vw;
  height: 100vw;
}

#home__discover .content__text {
  z-index: 1;
}

#planes {
  width: 100vw;
  padding: 0;
  opacity: 0;
  height: 590px;
  display: flex;
  cursor: move;
  transition: background-color 0.5s;
  position: absolute;
  margin-top: -250px;
  top: 50%;
  width: calc((573px + 20px) * 4 + 520px);
  padding-left: 0;
  display: block;
  pointer-events: none;
  left: 0;
  z-index: 0;
  /* transform: none!important;*/
}

.home-slider__item.swiper-slide-active #planes {
  opacity: 1;
  pointer-events: auto;
}
.plane-wrapper {
  position: relative;
  width: 573px;
  height: 573px;
  margin: 0 0 0 0;
  text-align: center;
  float: left;
  user-select: none;
  transition: transform 0.5s;
  filter: drop-shadow(0px 15px 50px rgba(0, 0, 0, 0.68));
}
.plane-wrapper:first-child {
  margin: 0 0 0 520px;
}

/* disable pointer events and text selection during drag */
#planes.dragged .plane-wrapper {
  /* pointer-events: none;

      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none; */
  /* user-select: none; */
  /* transform: scale(0.9);
      transform: scale(1); */
}

.plane-title {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  color: #fff;
  transition: color 0.5s;
  width: 100%;
  padding: 0;
  text-align: left;
  z-index: 2;
  width: 100%;
}
.plane-title span {
  position: relative;
  bottom: 43px;
  bottom: 22px;

  padding: 0 0;
  left: 28px;
  font-size: 18px;
  text-transform: uppercase;
  max-width: 140px;
  display: block;
}
.plane-title span:first-child {
  border-bottom: 2px solid;
  padding: 0;
  left: 26px;
  display: inline-block !important;
  clear: both;
  padding-bottom: 10px;
  font-size: 10px;
  bottom: 28px;
  letter-spacing: 3.5px;
}
.plane-title button {
  box-shadow: none;
  background: transparent;
  border: 0;
  color: #fff;
  position: absolute;
  right: 20px;
  bottom: 20px;
  text-transform: uppercase;
  font-size: 12px;
}
.plane-title span:first-child svg {
  width: 8vw;
  object-position: unset;
  height: auto;
}
.plane-title span:first-child img {
  max-width: 5vw;
  object-fit: contain;
  padding: 1vw 0;
  display: block;
  object-position: bottom;
}
#planes.dragged .plane-title {
  /* color: transparent; */
}

.plane {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: calc(100% - 0);
  display: flex;
  overflow: hidden;
  transition: filter 0.5s;
  z-index: 3;
}
.plane a.cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  z-index: 2;
}
#planes .plane,
#planes.dragged .plane {
  filter: grayscale(1);
}
#planes .plane:hover {
  filter: grayscale(0);
}
#planes .plane .cover {
  display: none !important;
}

#planes .plane .bt {
  pointer-events: initial;
  opacity: 0 !important;
  z-index: 10;
  background: #000 !important;
}
#planes .plane:hover .bt {
  opacity: 1 !important;
}
/* 
  #planes .plane:hover  .bt  {
    opacity: 1!important;
  }
  #planes .plane:hover  .bt  span{
    opacity: 1!important;
  }
   span:last-child {
    top: 0;
}
#planes .plane:hover  .bt  span {
  background: #000;
}
#planes .plane:hover  .bt  span:hover:after {
  color: #FFF;
  opacity: 1!important;
}
#planes .plane:hover  .bt  span:last-child {
  background: #fff;
  opacity: 1;
}
#planes .plane:hover  .bt  span:last-child:after {
  color: #000;
}
  #planes .plane:hover  .bt i {
    height: calc(100vw * 53 / 1920);
  } */
.plane img {
  display: block;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  height: 100%;

  /* prevent original image from dragging */
  pointer-events: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

#drag-tip {
  position: fixed;
  right: 20px;
  bottom: 20px;
  left: 20px;
  z-index: 1;
  pointer-events: none;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  opacity: 0;
  transform: translate(0, 50px);
  transition: 0.6s all ease;
  text-indent: -45px;
}

#drag-tip svg {
  width: 7px;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  position: absolute;
  left: 50%;
  margin-left: 58px;
}
.home-slider__item.swiper-slide.swiper-slide-active #drag-tip {
  opacity: 1;
  transform: translate(0);
}

.wrapper {
  height: 100%;
  width: 100%;
}
.plane-wrapper .wrapper {
  opacity: 0;
  transform: translateY(50px);
}
.plane-wrapper .wrapper .bt {
  pointer-events: none !important;
}
.plane-wrapper .wrapper.show .bt {
  pointer-events: initial !important;
}
.plane-wrapper .wrapper .plane:after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3672) 48.44%, rgba(0, 0, 0, 0.68) 95.83%);
  content: '';
  height: 100px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.plane-wrapper .wrapper .plane:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3672) 48.44%, rgba(0, 0, 0, 0.68) 95.83%);
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  transition: opacity 0.5s;
  opacity: 0.2;
}

.plane-wrapper .wrapper .plane:hover:before {
  opacity: 0;
}

/* MEDIA */
header > a {
  width: calc(100vw * 114 / 1920);
  top: calc(100vw * 40 / 1920);
  left: calc(100vw * 60 / 1920);
}

.home-slider__content {
  max-width: calc(100vw * 680 / 1920);
  height: calc(100vw * 207 / 1920);
  margin-top: calc(100vw * 97 / 1920);
}

.home-slider__content > * {
  transform: translateY(calc(100vw * 25 / 1920));
}

.home-slider__code {
  font-size: calc(100vw * 25 / 1920);
  line-height: calc(100vw * 34 / 1920);
  margin-top: calc(100vw * -30 / 1920);
}

.home-slider__title {
  font-size: calc(100vw * 25 / 1920);
  line-height: calc(100vw * 34 / 1920);
}

.home-slider__text {
  font-size: calc(100vw * 25 / 1920);
  line-height: calc(100vw * 34 / 1920);
  margin-bottom: calc(100vw * 40 / 1920);
}

.home-slider__button {
  padding: calc(100vw * 15 / 1920) calc(100vw * 35 / 1920);
  letter-spacing: calc(100vw * 1 / 1920);
  width: calc(100vw * 180 / 1920);
  line-height: calc(100vw * 37 / 1920);
  margin-left: calc(100vw * -90 / 1920);
  font-size: calc(100vw * 14 / 1920);
}

.home-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.home-slider .swiper-pagination-custom,
.home-slider .swiper-pagination-fraction {
  bottom: calc(100vw * 10 / 1920);
  width: 100%;
}

.swiper-container-vertical > .home-slider__pagination {
  right: calc(100vw * 70 / 1920);
  width: calc(100vw * 11 / 1920) !important;
}

.home-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: calc(100vw * 10 / 1920) calc(100vw * 4 / 1920);
}

.home-slider__pagination .swiper-pagination-bullet {
  height: calc(100vw * 30 / 1920);
  width: calc(100vw * 30 / 1920);
}

.home-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet:after,
.home-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet:before {
  width: calc(100vw * 5 / 1920);
  height: calc(100vw * 5 / 1920);
}

.home-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet span {
  width: calc(100vw * 1 / 1920);
}

.bt {
  width: calc(100vw * 100 / 1920);
  width: calc(100vw * 169 / 1920);
  bottom: calc(100vw * 153 / 1920);
  height: calc(100vw * 35 / 1920);
  line-height: calc(100vw * 32 / 1920);
  font-size: calc(100vw * 12 / 1920);
  letter-spacing: calc(100vw * 2 / 1920);
  border: calc(100vw * 1 / 1920) solid #fff !important;
}

.bt i:before {
  height: calc(100vw * 52 / 1920);
  width: calc(100vw * 48 / 1920);
  top: calc(100vw * 0 / 1920);
  margin-left: calc(100vw * 1 / 1920);
  -webkit-clip-path: polygon(calc(100vw * 42 / 1920) 0%, calc(100vw * 44 / 1920) 0, calc(100vw * 2 / 1920) 100%, 0 100%);
  clip-path: polygon(calc(100vw * 42 / 1920) 0%, calc(100vw * 44 / 1920) 0, calc(100vw * 2 / 1920) 100%, 0 100%);
}

.bt i {
  height: 0;
  width: calc(100vw * 48 / 1920);
  margin-left: calc(100vw * 2 / 1920);
}

.bt:hover i {
  height: calc(100vw * 53 / 1920);
}

#home__home .bt i:before {
  height: calc(100vw * 33 / 1920);
  width: calc(100vw * 38 / 1920);
  margin-left: calc(100vw * 2 / 1920);
  -webkit-clip-path: polygon(calc(100vw * 33 / 1920) 0%, calc(100vw * 34 / 1920) 0, calc(100vw * 2 / 1920) 100%, 0 100%);
  clip-path: polygon(calc(100vw * 33 / 1920) 0%, calc(100vw * 34 / 1920) 0, calc(100vw * 2 / 1920) 100%, 0 100%);
}

#home__home .bt i {
  width: calc(100vw * 33 / 1920);
}

#home__home .bt:hover i {
  height: calc(100vw * 33 / 1920);
}

.bt:hover span {
  border: 0;
}

.bt span:after,
.bt span:after {
  margin-left: calc(100vw * -1 / 1920);
}

.bt span:last-child {
  right: calc(100vw * -1 / 1920);
}

.bt svg {
  width: calc(100vw * 10 / 1920);
}

.bt span svg {
  right: calc(100vw * 57 / 1920);
  margin: calc(100vw * -1 / 1920);
}

.bt:hover span {
  top: -0;
}

.bt:hover span:last-child {
  top: 0;
}

.bt.svg span:last-child:after {
  text-indent: calc(100vw * -16 / 1920);
}

#home__home .arrow {
  height: calc(100vw * 189 / 1920);
  bottom: calc(100vw * 47 / 1920);
  width: calc(100vw * 20 / 1920);
}

#home__home .bt span:after {
  margin-top: calc(100vw * -1 / 1920);
}

.recipes-slider .content__text,
.products-slider .content__text {
  height: calc(100vw * 397 / 1920);
}

.products-slider .content__text.dobeltext {
  height: calc(100vw * 450 / 1920);
}
#home__discover h1,
#home__journey h1,
.recipes-slider .content__text h1,
.products-slider .content__text h1 {
  font-size: calc(100vw * 69 / 1920);
  width: calc(100vw * 588 / 1920);
  line-height: calc(100vw * 67 / 1920);
}
.products-slider .content__text h2 {
  font-size: calc(100vw * 22 / 1920);
}

#home__discover h1 span:nth-child(2):after,
#home__journey h1 span:nth-child(2):after,
#home__discover h1 span:nth-child(1):after,
#home__journey h1 span:nth-child(1):after,
.recipes-slider .content__text h1 span:nth-child(2):after,
.recipes-slider .content__text h1 span:nth-child(1):after,
.products-slider .content__text h1 span:nth-child(2):after,
.products-slider .content__text h1 span:nth-child(1):after {
  width: calc(100vw * 588 / 1920);
}

#home__discover .content__text p,
#home__journey .content__text p,
.recipes-slider .content__text p,
.products-slider .content__text p {
  width: calc(100vw * 420 / 1920);
  font-size: calc(100vw * 16 / 1920);
  line-height: calc(100vw * 28 / 1920);
  margin-top: calc(100vw * 10 / 1920);
  height: calc(100vw * 136 / 1920);
}
#home__discover .bt,
#home__journey .bt,
.recipes-slider .bt,
.products-slider .bt {
  left: calc(100vw * 140 / 1920);
  bottom: calc(100vw * 180 / 1920);
  bottom: calc(100vw * 80 / 1920);
  width: calc(100vw * 109 / 1920);
}

#home__discover .bt,
#home__journey .bt,
.recipes-slider .bt,
.products-slider .bt {
  left: calc(100vw * 20 / 1920);
  width: calc(100vw * 211 / 1920);
  height: calc(100vw * 54 / 1920);
  line-height: calc(100vw * 52 / 1920);
  bottom: calc(100vw * -20 / 1920);
  font-size: calc(100vw * 13 / 1920);
}

.recipes-slider .bt:last-child,
.products-slider .bt:last-child {
  left: calc(100vw * 238 / 1920);
}

.recipes-slider .bt {
  bottom: 0;
}

.navigation {
  bottom: calc(100vw * 150 / 1920);
  bottom: calc(100vw * 50 / 1920);
  right: calc(100vw * 198 / 1920);
  height: calc(100vw * 82 / 1920);
  padding: 0 calc(100vw * 110 / 1920);
}
.navigation svg {
  pointer-events: none;
}

.recipes-swiper-button-prev,
.products-swiper-button-prev {
  width: calc(100vw * 62 / 1920);
  margin-top: calc(100vw * -2 / 1920);
}

.recipes-swiper-button-next,
.products-swiper-button-next {
  width: calc(100vw * 62 / 1920);
  margin-top: calc(100vw * -2 / 1920);
}

.navigation .swiper-pagination-bullet {
  width: calc(100vw * 74 / 1920);
  height: calc(100vw * 80 / 1920);
  padding: calc(100vw * 1 / 1920) calc(100vw * 24 / 1920);
}

.navigation .swiper-pagination-bullet span {
  font-size: calc(100vw * 9 / 1920);
  letter-spacing: calc(100vw * 1 / 1920);
  bottom: calc(100vw * 1 / 1920);
}

.navigation .swiper-pagination-bullet svg {
  width: calc(100vw * 13 / 1920);
  margin-top: calc(100vw * 3 / 1920);
}
.navigation .swiper-pagination-bullet.dobel50svg svg {
  width: calc(100vw * 20 / 1920);
}

.recipes-slider .swiper-slide > img,
.products-slider .swiper-slide > img {
  margin-top: calc(100vw * 40 / 1920);
}
.content__text__recipes a + h2 {
  margin: calc(100vw * 200 / 1920) 0 calc(100vw * -10 / 1920) 0;
}
.recipes-slider .content__text h1 {
  font-size: calc(100vw * 70 / 1920);
  letter-spacing: calc(100vw * 5 / 1920);
  line-height: calc(100vw * 68 / 1920);
  width: calc(100vw * 420 / 1920);
}

.recipes-slider .content__text {
  top: calc(100vw * 227 / 1920);
  height: calc(100vw * 337 / 1920);
  top: 40%;
}

.recipes-slider .content__text h1 span:nth-child(2):after,
.recipes-slider .content__text h1 span:nth-child(1):after {
  width: calc(100vw * 410 / 1920);
}

.recipes-slider .navigation {
  left: calc(100vw * 147 / 1920);
  right: auto;
}

.content__text__recipes {
  top: calc(100vw * 143 / 1920);
  height: calc(100vw * 600 / 1920);
  margin-left: calc(100vw * 547 / 1920);
  width: calc(100vw * 417 / 1920);
}

.content__text__recipes img {
  width: calc(100vw * 39 / 1920);
}

.content__text__recipes ul {
  padding: calc(100vw * 22 / 1920) 0 0 0;
  min-height: calc(100vw * 160 / 1920);
}

.content__text__recipes p:after,
.content__text__recipes ul:before {
  height: calc(100vw * 1 / 1920);
  width: calc(100vw * 52 / 1920);
}

.content__text__recipes ul li {
  font-size: calc(100vw * 20 / 1920);
  line-height: calc(100vw * 22 / 1920);
  margin-bottom: calc(100vw * 0 / 1920);
}

.content__text__recipes ul li span {
  width: calc(100vw * 20 / 1920);
}

.recipes-slider .content_image_container img {
  width: calc(100vw * 1770 / 1920) !important;
  height: calc(100vw * 1278 / 1920) !important;
  margin-top: calc(100vw * 80 / 1920);
}

.content__text__recipes h2,
.content__text__recipes h3 {
  font-size: calc(100vw * 72 / 1920);
  line-height: calc(100vw * 80 / 1920);
  padding: 0;
  margin: 0 0 calc(100vw * -10 / 1920) calc(100vw * 0 / 1920);
  text-indent: calc(100vw * -150 / 1920);
}

.content__text__recipes p {
  font-size: calc(100vw * 22 / 1920);
  padding-left: calc(100vw * 80 / 1920);
  padding-right: 0;
  letter-spacing: calc(100vw * -0.5 / 1920);
  line-height: calc(100vw * 24 / 1920);
  margin: calc(100vw * 23 / 1920) 0 0;
  padding-bottom: calc(100vw * 28 / 1920);
  margin-bottom: calc(100vw * 29 / 1920);
}

.content__text__recipes p:after {
  top: auto;
  bottom: calc(100vw * 0 / 1920);
  left: 0;
}

.content__text__recipes h3 {
  font-size: calc(100vw * 48 / 1920);
  line-height: calc(100vw * 50 / 1920);
  text-indent: 0;
  letter-spacing: calc(100vw * 2 / 1920);
}

pattern image {
  height: calc(100vw * 840 / 1920) !important;
  transform: translate(0, calc(100vw * 100 / 1920));
}

pattern image {
  transform: translate(0, calc(100vw * 100 / 1920));
}

.recipes-slider .content__text h1 span:nth-child(2):after {
  top: calc(100vw * 6 / 1920);
}

.products-slider .content__text h1 span:nth-child(2):after {
  top: calc(100vw * 6 / 1920);
}

#menu ul {
  width: calc(100vw * 1682 / 1920);
  height: calc(100vw * 660 / 1920);
}

#menu ul li {
  font-size: calc(100vw * 100 / 1920);
  margin-bottom: calc(100vw * 14 / 1920);
  letter-spacing: calc(100vw * 2 / 1920);
}

#menu ul li a {
  font-size: calc(100vw * 105 / 1920);
  left: calc(100vw * -7 / 1920);
  line-height: calc(100vw * 117 / 1920);
  letter-spacing: calc(100vw * -2 / 1920);
}

input[type='checkbox'],
.clear-menu-btn {
  width: calc(100vw * 42 / 1920);
  height: calc(100vw * 42 / 1920);
  right: calc(100vw * 42 / 1920);
  top: calc(100vw * 41 / 1920);
}

input[type='checkbox'] {
  width: calc(100vw * 45 / 1920);
  height: calc(100vw * 44 / 1920);
  right: calc(100vw * 40 / 1920);
}

.clear-menu-btn p {
  width: 0;
  top: calc(100vw * -2 / 1920);
  letter-spacing: calc(100vw * 6 / 1920);
  font-size: calc(100vw * 15 / 1920);
}

.clear-menu-btn p span {
  width: calc(100vw * 180 / 1920);
}

input[type='checkbox']:checked + header .clear-menu-btn p {
  width: calc(100vw * 180 / 1920);
}

input[type='checkbox']:checked + header .clear-menu-btn .top,
input[type='checkbox']:checked + header .clear-menu-btn .bottom {
  width: calc(100vw * 42 / 1920) !important;
}

.clear-menu-btn > span {
  width: calc(100vw * 42 / 1920);
  height: calc(100vw * 1 / 1920);
  height: 1px;
}

.clear-menu-btn .top {
  width: calc(100vw * 20 / 1920);
  top: calc(100vw * 4 / 1920);
}

.clear-menu-btn .middle {
  width: calc(100vw * 30 / 1920);
  right: 0;
}

.clear-menu-btn .bottom {
  right: 0;
  top: calc(100vw * 37 / 1920);
}

input[type='checkbox']:hover + .clear-menu-btn .top {
  width: calc(100vw * 42 / 1920);
}

input[type='checkbox']:hover + .clear-menu-btn .bottom {
  width: calc(100vw * 20 / 1920);
}

.clear-menu-btn .circle {
  width: calc(100vw * 120 / 1920);
  height: calc(100vw * 120 / 1920);
  border: calc(100vw * 1 / 1920) solid #fff;
}

#menu ul li a span:before {
  height: calc(100vw * 2 / 1920) !important;
  width: 0 !important;
  bottom: calc(100vw * 3 / 1920) !important;
  left: calc(100vw * -35 / 1920) !important;
}

#menu ul li a span:after,
#menu ul li a span:before {
  left: calc(100vw * -25 / 1920);
  top: calc(100vw * -8 / 1920);
  letter-spacing: calc(100vw * 0 / 1920);
  -webkit-clip-path: polygon(calc(100vw * 115 / 1920) calc(100vw * 0 / 1920), 100% 0%, 100% 100%, calc(100vw * 377 / 1920) 100%);
  clip-path: polygon(calc(100vw * 115 / 1920) calc(100vw * 0 / 1920), 100% 0%, 100% 100%, calc(100vw * 377 / 1920) 100%);
  line-height: calc(100vw * 155 / 1920);
  height: calc(100vw * 117 / 1920);
}
input[type='checkbox']:checked + header div#menu ul li a span:after,
input[type='checkbox']:checked + header div#menu ul li a span:before {
  line-height: calc(100vw * 115 / 1920);
}

#menu ul li a span:last-child:after,
#menu ul li a span:last-child:before {
  top: calc(100vw * 7 / 1920);
  -webkit-clip-path: polygon(0 calc(100vw * 0 / 1920), calc(100vw * 125 / 1920) 0%, calc(100vw * 386 / 1920) 100%, 0 100%);
  clip-path: polygon(0 calc(100vw * 0 / 1920), calc(100vw * 125 / 1920) 0%, calc(100vw * 386 / 1920) 100%, 0 100%);
  left: 0;
}

#menu ul li:nth-child(2) a span:after {
  left: calc(100vw * -17 / 1920);
  top: calc(100vw * 0 / 1920);
  -webkit-clip-path: polygon(calc(100vw * 427 / 1920) calc(100vw * 0 / 1920), 100% 0%, 100% 100%, calc(100vw * 690 / 1920) 100%);
  clip-path: polygon(calc(100vw * 427 / 1920) calc(100vw * 0 / 1920), 100% 0%, 100% 100%, calc(100vw * 690 / 1920) 100%);
}

#menu ul li:nth-child(2) a span:last-child:after {
  -webkit-clip-path: polygon(0 calc(100vw * 0 / 1920), calc(100vw * 432 / 1920) 0%, calc(100vw * 694 / 1920) 100%, 0 100%);
  clip-path: polygon(0 calc(100vw * 0 / 1920), calc(100vw * 432 / 1920) 0%, calc(100vw * 694 / 1920) 100%, 0 100%);
  top: calc(100vw * 9 / 1920);
  left: 0;
}

#menu ul li:nth-child(3) a span:after {
  left: calc(100vw * -5 / 1920);
  top: calc(100vw * 0 / 1920);
  -webkit-clip-path: polygon(calc(100vw * 417 / 1920) calc(100vw * 0 / 1920), 100% 0%, 100% 100%, calc(100vw * 677 / 1920) 100%);
  clip-path: polygon(calc(100vw * 417 / 1920) calc(100vw * 0 / 1920), 100% 0%, 100% 100%, calc(100vw * 677 / 1920) 100%);
}

#menu ul li:nth-child(3) a span:last-child:after {
  -webkit-clip-path: polygon(0 calc(100vw * 0 / 1920), calc(100vw * 429 / 1920) 0%, calc(100vw * 693 / 1920) 100%, 0 100%);
  clip-path: polygon(0 calc(100vw * 0 / 1920), calc(100vw * 429 / 1920) 0%, calc(100vw * 693 / 1920) 100%, 0 100%);
  top: calc(100vw * 9 / 1920);
  left: 0;
}

#menu ul li:nth-child(4) a span:after {
  left: calc(100vw * 23 / 1920);
  top: calc(100vw * 15 / 1920);
  -webkit-clip-path: polygon(0 calc(100vw * 40 / 1920), 100% calc(100vw * -26 / 1920), 100% 100%, 0 100%);
  clip-path: polygon(0 calc(100vw * 40 / 1920), 100% calc(100vw * -26 / 1920), 100% 100%, 0 100%);
  letter-spacing: calc(100vw * 1 / 1920);
  font-size: calc(100vw * 95 / 1920);
}

#menu ul li:nth-child(4) a span:last-child:after {
  -webkit-clip-path: polygon(0 calc(100vw * 0 / 1920), calc(100vw * 279 / 1920) 0%, 0 calc(100vw * 45 / 1920), 0 100%);
  clip-path: polygon(0 calc(100vw * 0 / 1920), calc(100vw * 279 / 1920) 0%, 0 calc(100vw * 45 / 1920), 0 100%);
  top: calc(100vw * 15 / 1920);
  left: calc(100vw * -4 / 1920);
  letter-spacing: calc(100vw * 3 / 1920);
  font-size: calc(100vw * 105 / 1920);
}

#menu ul li:nth-child(5) a span:after {
  left: calc(100vw * 20 / 1920);
  top: calc(100vw * 8 / 1920);
  -webkit-clip-path: polygon(0 calc(100vw * 0 / 1920), calc(100vw * 576 / 1920) 0%, calc(100vw * 446 / 1920) 100%, 0 100%);
  clip-path: polygon(0 calc(100vw * 0 / 1920), calc(100vw * 576 / 1920) 0%, calc(100vw * 446 / 1920) 100%, 0 100%);
  font-size: calc(100vw * 95 / 1920);
  letter-spacing: calc(100vw * 2 / 1920);
}

#menu ul li:nth-child(5) a span:nth-child(2):after {
  left: calc(100vw * 15 / 1920);
  top: calc(100vw * 10 / 1920);
  -webkit-clip-path: polygon(calc(100vw * 580 / 1920) calc(100vw * 0 / 1920), calc(100vw * 769 / 1920) 0%, calc(100vw * 738 / 1920) 100%, calc(100vw * 448 / 1920) 100%);
  clip-path: polygon(calc(100vw * 580 / 1920) calc(100vw * 0 / 1920), calc(100vw * 769 / 1920) 0%, calc(100vw * 738 / 1920) 100%, calc(100vw * 448 / 1920) 100%);
  letter-spacing: calc(100vw * -2 / 1920);
  font-size: calc(100vw * 102 / 1920);
}

#menu ul li:nth-child(4) a span:last-child:after {
  -webkit-clip-path: polygon(0 0px, calc(100vw * 279 / 1920) 0%, 0 calc(100vw * 45 / 1920), 0 100%);
  clip-path: polygon(0 0px, calc(100vw * 279 / 1920) 0%, 0 calc(100vw * 45 / 1920), 0 100%);
  top: calc(100vw * 15 / 1920);
  left: calc(100vw * -4 / 1920);
  letter-spacing: calc(100vw * 3 / 1920);
  font-size: calc(100vw * 105 / 1920);
}

#menu ul li:nth-child(5) a span:after {
  left: calc(100vw * 20 / 1920);
  top: calc(100vw * 8 / 1920);
  -webkit-clip-path: polygon(0 calc(100vw * 0 / 1920), calc(100vw * 576 / 1920) 0%, calc(100vw * 446 / 1920) 100%, 0 100%);
  clip-path: polygon(0 calc(100vw * 0 / 1920), calc(100vw * 576 / 1920) 0%, calc(100vw * 446 / 1920) 100%, 0 100%);
  font-size: calc(100vw * 95 / 1920);
  letter-spacing: calc(100vw * 2 / 1920);
}

#menu ul li:nth-child(5) a span:nth-child(2):after {
  left: calc(100vw * 15 / 1920);
  top: calc(100vw * 10 / 1920);
  -webkit-clip-path: polygon(calc(100vw * 580 / 1920) calc(100vw * 0 / 1920), calc(100vw * 769 / 1920) 0%, calc(100vw * 738 / 1920) 100%, calc(100vw * 448 / 1920) 100%);
  clip-path: polygon(calc(100vw * 580 / 1920) calc(100vw * 0 / 1920), calc(100vw * 769 / 1920) 0%, calc(100vw * 738 / 1920) 100%, calc(100vw * 448 / 1920) 100%);
  /* opacity: 0; */
  letter-spacing: calc(100vw * -2 / 1920);
  font-size: calc(100vw * 102 / 1920);
}

#menu ul li:nth-child(5) a span:nth-child(3):after {
  left: calc(100vw * 16 / 1920);
  top: calc(100vw * 13 / 1920);
  -webkit-clip-path: polygon(calc(100vw * 765 / 1920) 0, calc(100vw * 898 / 1920) 0%, calc(100vw * 937 / 1920) 100%, calc(100vw * 736 / 1920) 100%);
  clip-path: polygon(calc(100vw * 765 / 1920) 0, calc(100vw * 898 / 1920) 0%, calc(100vw * 937 / 1920) 100%, calc(100vw * 736 / 1920) 100%);
}

#menu ul li:nth-child(5) a span:last-child:after {
  -webkit-clip-path: polygon(calc(100vw * 990 / 1920) calc(100vw * 0 / 1920), 100% 0, 100% 100%, calc(100vw * 1026 / 1920) 100%);
  clip-path: polygon(calc(100vw * 990 / 1920) calc(100vw * 0 / 1920), 100% 0, 100% 100%, calc(100vw * 1026 / 1920) 100%);
  top: calc(100vw * 9 / 1920);
  left: calc(100vw * -76 / 1920);
  font-size: calc(100vw * 105 / 1920);
}

#menu ul li:nth-child(5) a span:nth-child(3):after {
  left: calc(100vw * 16 / 1920);
  top: calc(100vw * 13 / 1920);
  -webkit-clip-path: polygon(calc(100vw * 765 / 1920) 0, calc(100vw * 898 / 1920) 0%, calc(100vw * 937 / 1920) 100%, calc(100vw * 736 / 1920) 100%);
  clip-path: polygon(calc(100vw * 765 / 1920) 0, calc(100vw * 898 / 1920) 0%, calc(100vw * 937 / 1920) 100%, calc(100vw * 736 / 1920) 100%);
}

#menu ul li:nth-child(5) a span:last-child:after {
  -webkit-clip-path: polygon(calc(100vw * 990 / 1920) calc(100vw * 0 / 1920), 100% 0, 100% 100%, calc(100vw * 1026 / 1920) 100%);
  clip-path: polygon(calc(100vw * 990 / 1920) calc(100vw * 0 / 1920), 100% 0, 100% 100%, calc(100vw * 1026 / 1920) 100%);
  top: calc(100vw * 9 / 1920);
  left: calc(100vw * -76 / 1920);
  font-size: calc(100vw * 105 / 1920);
}

#menu ul li a span:before {
  left: calc(100vw * -25 / 1920);
  bottom: calc(100vw * 16 / 1920);
  -webkit-clip-path: polygon(calc(100vw * 387 / 1920) calc(100vw * 0 / 1920), 100% 0%, 100% 100%, calc(100vw * 391 / 1920) 100%);
  clip-path: polygon(calc(100vw * 387 / 1920) calc(100vw * 0 / 1920), 100% 0%, 100% 100%, calc(100vw * 391 / 1920) 100%);
}

#menu ul li:nth-child(1) a span:nth-child(2):before {
  bottom: calc(100vw * 21 / 1920) !important;
  left: calc(100vw * 40 / 1920) !important;
  -webkit-clip-path: polygon(calc(100vw * 300 / 1920) calc(100vw * 0 / 1920), 100% 0%, 100% 100%, calc(100vw * 306 / 1920) 100%);
  clip-path: polygon(calc(100vw * 300 / 1920) calc(100vw * 0 / 1920), 100% 0%, 100% 100%, calc(100vw * 306 / 1920) 100%);
}

#menu ul li.active a span:before,
#menu ul li a:hover span:before {
  width: calc(100vw * 380 / 1920) !important;
}

.menu-image div span:nth-child(6) {
  left: -4.3vh;
}
div.glass img,
div.glass2 img {
  /* width: calc(100vw * 1710 / 1920); */
}

div.glass2 img {
  margin-top: calc(100vw * 0 / 1920);
  margin-left: calc(100vw * 10 / 1920);
}

div.glass2 img {
  margin-top: calc(100vw * -4 / 1920);
  margin-left: calc(100vw * 5 / 1920);
}

div.glass div > span:first-child,
div.glass2 div > span:first-child {
  overflow: visible !important;
}
div.glass div > span:first-child img,
div.glass2 div > span:first-child img {
  top: calc(100vw * 80 / 1920);
  /*  margin-top: calc(100vw * 0 / 1920);
 margin-left: calc(100vw * 10 / 1920); */
  margin-top: calc(100vw * 0 / 1920);
  height: 100vh;
  margin-left: calc(100vw * 0 / 1920);
}

div.glass2 div > span:first-child img {
  /* margin-right: calc(100vw * -10 / 1920);
  margin-bottom: calc(100vw * -10 / 1920); */
}

div.glass2 img,
div.glass2 canvas {
  /* width: calc(100vw * 1714 / 1920); */
}

.content__text p:before {
  transform: translate(calc(100vw * -20 / 1920), calc(100vw * -30 / 1920)) rotate(-16deg);
}
.content__text p {
  line-height: calc(100vw * 50 / 1920);
}
.content__text h1 span:nth-child(2):after {
  transform: translate(calc(100vw * -90 / 1920), calc(100vw * -6 / 1920)) skew(60deg);
}
.home-slider__item.swiper-slide-next .content__text h1 span:nth-child(2):after {
  transform: translate(calc(100vw * 90 / 1920), calc(100vw * 6 / 1920)) skew(60deg);
}
.home-slider__item.swiper-slide-active .content__text p:before {
  transform: translate(0) rotate(0);
}
.home-slider__item.swiper-slide-active .content__text p {
  line-height: calc(100vw * 31 / 1920);
}
.recipes-slider .bt,
.products-slider .bt {
  transform: translate(0, calc(100vw * 50 / 1920));
}

.recipes-slider .bt:last-child,
.products-slider .bt:last-child {
  transform: translate(calc(100vw * 10 / 1920), calc(100vw * 70 / 1920));
}
.home-slider__item.swiper-slide-active .recipes-slider .bt,
.home-slider__item.swiper-slide-active .products-slider .bt {
  transform: translate(0, 0);
}

#home__home .arrow,
#home__home .bt {
  transform: translate(-50%, calc(100vw * -50 / 1920));
}

#home__home .arrow {
  transform: translate(-50%, calc(100vw * -100 / 1920));
}
.swiper-slide-active #home__home .arrow,
.swiper-slide-active #home__home .bt {
  transform: translate(-50%, 0);
}
.home-slider__item .content__text__recipes,
.home-slider__item .navigation {
  transform: translate(0, calc(100vw * -50 / 1920));
}
.home-slider__item.swiper-slide-next .content__text__recipes,
.home-slider__item.swiper-slide-next .navigation {
  transform: translate(0, calc(100vw * 50 / 1920));
}

.home-slider__item.swiper-slide-active .content__text__recipes,
.home-slider__item.swiper-slide-active .navigation {
  transform: translate(0, 0);
}

.home-slider__item .content__text__recipes {
  transform: rotateX(30deg) rotateX(-20deg) skew(0, 0) translate(-70%, -20%);
}

.home-slider__item.swiper-slide-next .content__text__recipes {
  transform: rotateX(-30deg) rotateX(20deg) skew(0, 0) translate(-30%, 20%);
}
.home-slider__item.swiper-slide-prev .content__text__recipes {
  transform: rotateX(-30deg) rotateX(20deg) skew(0, 0) translate(-70%, -20%);
}

.home-slider__item.swiper-slide-active .content__text__recipes {
  transform: translate(-50%, 0);
  transform: rotateY(0) rotateX(0) skew(0, 0) translate(-50%, 0);
}
.recipes-slider .swiper-slide-prev .content__text h1 span:nth-child(1):after,
.products-slider .swiper-slide-prev .content__text h1 span:nth-child(1):after {
  left: calc(100vw * -100 / 1920);
}

.recipes-slider .swiper-slide-prev .content__text h1 span:nth-child(2):after,
.products-slider .swiper-slide-prev .content__text h1 span:nth-child(2):after {
  margin-left: calc(100vw * -80 / 1920);
}

.recipes-slider .swiper-slide-prev .content__text p,
.products-slider .swiper-slide-prev .content__text p {
  transform: skew(80deg, 0) rotateX(1deg) translate(calc(100vw * -60 / 1920), 0);
}

.recipes-slider .swiper-slide-next .content__text h1 span:nth-child(1):after,
.products-slider .swiper-slide-next .content__text h1 span:nth-child(1):after {
  left: calc(100vw * 100 / 1920);
}

.recipes-slider .swiper-slide-next .content__text h1 span:nth-child(2):after,
.products-slider .swiper-slide-next .content__text h1 span:nth-child(2):after {
  margin-left: calc(100vw * 80 / 1920);
}
.recipes-slider .swiper-slide-next .content__text p,
.products-slider .swiper-slide-next .content__text p {
  transform: skew(-60deg, 0) rotateX(1deg) translate(calc(100vw * 60 / 1920), 0);
}
.recipes-slider .swiper-slide-active .content__text h1 span:nth-child(1):after,
.products-slider .swiper-slide-active .content__text h1 span:nth-child(1):after {
  left: 0;
}
.recipes-slider .swiper-slide-active .content__text p,
.products-slider .swiper-slide-active .content__text p {
  transform: skew(0, 0) rotateX(0) translate(0, 0);
}
.recipes-slider .swiper-slide-prev .bt:last-child,
.products-slider .swiper-slide-prev .bt:last-child {
  margin-left: calc(100vw * -20 / 1920);
}
.recipes-slider .swiper-slide-next .bt:last-child,
.products-slider .swiper-slide-next .bt:last-child {
  margin-left: calc(100vw * 100 / 1920);
}
.recipes-slider .swiper-slide-active .bt:last-child,
.products-slider .swiper-slide-active .bt:last-child {
  margin-left: calc(100vw * 27 / 1920);
}
.recipes-slider .swiper-slide-prev .content__text__recipes ul,
.recipes-slider .swiper-slide-prev .content__text__recipes p {
  transform: skew(40deg, 0) rotateX(1deg) translate(calc(100vw * -60 / 1920), 0);
}
.recipes-slider .swiper-slide-prev .content__text__recipes h2 {
  margin-left: calc(100vw * 60 / 1920);
}
.recipes-slider .swiper-slide-prev .content__text__recipes h3 {
  margin-left: calc(100vw * 80 / 1920);
}
.recipes-slider .swiper-slide-next .content__text__recipes ul,
.recipes-slider .swiper-slide-next .content__text__recipes p {
  transform: skew(-40deg, 0) rotateX(-1deg) translate(calc(100vw * 60 / 1920), 0);
}
.recipes-slider .swiper-slide-prev .content__text__recipes h2 {
  margin-left: calc(100vw * -60 / 1920);
}
.recipes-slider .swiper-slide-prev .content__text__recipes h3 {
  margin-left: calc(100vw * -80 / 1920);
}
.recipes-slider .swiper-slide-active .content__text__recipes h3 {
  margin-left: 0;
}
.recipes-slider .swiper-slide-active .content__text__recipes ul,
.recipes-slider .swiper-slide-active .content__text__recipes p {
  transform: skew(0, 0) rotateX(0) translate(0, 0);
}
.recipes-slider .swiper-slide-active .content__text__recipes h2,
.recipes-slider .swiper-slide-active .content__text__recipes h3 {
  margin-left: 0;
}
.navigation + .content__text .bt:last-child {
  margin-left: calc(100vw * 27 / 1920);
}

#home__journey .bt {
  bottom: calc(100vw * 139 / 1920);
  left: 50%;
  width: calc(100vw * 289 / 1920);
}

#home__discover .bt,
#home__journey .bt {
  width: calc(100vw * 177 / 1920);
}

#home__discover .bt i,
#home__journey .bt i {
  width: calc(100vw * 54 / 1920) !important;
}
#home__discover .bt i:before,
#home__journey .bt i:before {
  width: calc(100vw * 54 / 1920);
  /* height: 66px; */
  -webkit-clip-path: polygon(calc(100vw * 52 / 1920) 0%, calc(100vw * 54 / 1920) 0, calc(100vw * 2 / 1920) 100%, 0 100%);
  clip-path: polygon(calc(100vw * 52 / 1920) 0%, calc(100vw * 54 / 1920) 0, calc(100vw * 2 / 1920) 100%, 0 100%);
}

#menu ul li a:nth-child(1) {
  top: -0.6vh;
  top: -1.1vh;
}
/* div#gl2, div#gl {
  
	-webkit-filter: url("#blur");
	filter: url("../index.html#blur");
} */
#home__discover h1,
#home__journey h1 {
  width: calc(100vw * 308 / 1920) !important;
}
#home__discover .content__text h1 span:nth-child(2):after,
#home__journey .content__text h1 span:nth-child(2):after,
#home__discover .content__text h1 span:nth-child(1):after,
#home__journey .content__text h1 span:nth-child(1):after {
  width: calc(100vw * 308 / 1920) !important;
}
.content__subtext {
  width: calc(100vw * 940 / 1920);
  font-size: calc(100vw * 47 / 1920);
  line-height: calc(100vw * 66 / 1920);
  margin-top: calc(100vw * -253 / 1920);
  margin-left: calc(100vw * -379 / 1920);
  letter-spacing: calc(100vw * 1.1 / 1920);
  height: calc(100vw * 375 / 1920);
}
.content__subtext h2 span {
  transform: translateY(calc(100vw * 50 / 1920));
}
.home-slider__item.swiper-slide.swiper-slide-active .content__subtext h2 span {
  transform: translate(0);
}
#home__journey .bt {
  bottom: calc(100vw * 139 / 1920);
  width: calc(100vw * 289 / 1920);
}
#home__discover .bt {
  left: auto;
  right: calc(100vw * 20 / 1920);
  width: calc(100vw * 177 / 1920);
  bottom: calc(100vw * 22 / 1920);
}
#home__discover .bt i,
#home__discover .bt i,
#home__journey .bt i {
  width: calc(100vw * 54 / 1920) !important;
}
#home__journey .bt i:before {
  width: calc(100vw * 54 / 1920);
  -webkit-clip-path: polygon(calc(100vw * 52 / 1920) 0%, calc(100vw * 54 / 1920) 0, calc(100vw * 2 / 1920) 100%, 0 100%);
  clip-path: polygon(calc(100vw * 52 / 1920) 0%, calc(100vw * 54 / 1920) 0, calc(100vw * 2 / 1920) 100%, 0 100%);
}

#home__discover .bt i:before {
  width: calc(100vw * 40 / 1920);
  -webkit-clip-path: polygon(calc(100vw * 37 / 1920) 0%, calc(100vw * 38 / 1920) 0, calc(100vw * 2 / 1920) 100%, 0 100%);
  clip-path: polygon(calc(100vw * 37 / 1920) 0%, calc(100vw * 38 / 1920) 0, calc(100vw * 2 / 1920) 100%, 0 100%);
}
#planes {
  height: calc(100vw * 590 / 1920);
  margin-top: calc(100vw * -250 / 1920);
  width: calc((calc(100vw * 573 / 1920) + calc(100vw * 20 / 1920)) * 4 + calc(100vw * 520 / 1920));
}
.plane-wrapper {
  width: calc(100vw * 573 / 1920);
  height: calc(100vw * 573 / 1920);
  margin: 0 calc(100vw * 0 / 1920) 0 0;
}
.plane-wrapper:first-child {
  margin: 0 calc(100vw * 0 / 1920) 0 calc(100vw * 520 / 1920);
}
.plane-wrapper:nth-child(3n + 2) {
  width: calc(100vw * 374 / 1920);
}
.plane-wrapper:nth-child(3n + 3) {
  width: calc(100vw * 374 / 1920);
}
.plane-wrapper:nth-child(3n + 3) {
  width: calc(100vw * 374 / 1920);
}
.plane-wrapper:nth-child(3n + 3) .wrapper {
  height: 50%;
}
.plane-wrapper:nth-child(3n + 3) .wrapper .plane-title span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.plane-title {
  font-size: calc(100vw * 14 / 1920);
  line-height: calc(100vw * 20 / 1920);
}
.plane-title span {
  bottom: calc(100vw * 43 / 1920);
  bottom: calc(100vw * 22 / 1920);
  padding: 0;
  left: calc(100vw * 28 / 1920);
  font-size: calc(100vw * 18 / 1920);
  max-width: calc(100vw * 140 / 1920);
}

.plane-title span:first-child {
  border-bottom: calc(100vw * 2 / 1920) solid;
  left: calc(100vw * 26 / 1920);
  padding-bottom: calc(100vw * 0 / 1920);
  font-size: calc(100vw * 10 / 1920);
  bottom: calc(100vw * 28 / 1920);
  letter-spacing: calc(100vw * 3.5 / 1920);
}
.plane-title button {
  right: calc(100vw * 20 / 1920);
  bottom: calc(100vw * 20 / 1920);
  font-size: calc(100vw * 12 / 1920);
}
.plane {
  left: calc(100vw * 0 / 1920);
  height: 100%;
  width: calc(100% - calc(100vw * 0 / 1920));
}
#drag-tip {
  right: calc(100vw * 20 / 1920);
  bottom: calc(100vw * 20 / 1920);
  left: calc(100vw * 20 / 1920);
  font-size: calc(100vw * 12 / 1920);
  transform: translateY(calc(100vw * 50 / 1920));
  text-indent: calc(100vw * -45 / 1920);
}
#drag-tip svg {
  width: calc(100vw * 7 / 1920);
  margin-left: calc(100vw * 58 / 1920);
}
.plane-wrapper .wrapper {
  opacity: 0;
  transform: translateY(calc(100vw * 50 / 1920));
}
.plane-wrapper .wrapper .plane:after {
  height: calc(100vw * 100 / 1920);
}

@media (min-aspect-ratio: 2020/1080) {
  #menu ul li a:nth-child(1) {
    top: 0;
  }
  #imgContainer,
  #maskproduct,
  div#gl2,
  div#gl {
    height: 49vw;
    min-height: 100vh;
    width: 100vw;
  }
  #imgContainer div span {
    width: 100vw;
    height: 49vw !important;
    min-height: 100vh;
  }
  #imgContainer > div > div > span:first-child img {
    height: 57vw;
    top: -1vw;
  }
  #imgContainer div span:last-child {
    height: 50vw !important;
  }

  #imgContainer div span.products-img span {
    top: 2vw;
  }
  #imgContainer div span.recipes-img span {
    top: 6vw;
  }
}

@media (min-width: 751px) {
  .home-slider__item.swiper-slide-active .content__text__recipes {
    display: block !important;
  }
}
@media (max-width: 750px) {
  .content__text.legacy h1 span:nth-child(2):after,
  .content__text.legacy h1 span:nth-child(1):after {
    content: 'Centuries-\Aold  flavor. \A A modern \Alegacy.';
    white-space: pre;
  }

  .content__text.innovation h1 span:nth-child(2):after,
  .content__text.innovation h1 span:nth-child(1):after {
    content: 'Flavor in \A the age of \A innovation.';
    white-space: pre;
  }
  .content__text.future h1 span:nth-child(2):after,
  .content__text.future h1 span:nth-child(1):after {
    content: 'The new \Ageneration \Aof tequila.';
    white-space: pre;
  }

  /* MEDIA */
  header > a {
    width: calc(400vw * 114 / 1920);
    top: calc(400vw * 40 / 1920);
    left: calc(400vw * 40 / 1920);
  }

  .home-slider__content {
    max-width: calc(400vw * 680 / 1920);
    height: calc(400vw * 207 / 1920);
    margin-top: calc(400vw * 97 / 1920);
  }

  .home-slider__content > * {
    transform: translateY(calc(400vw * 25 / 1920));
  }

  .home-slider__code {
    font-size: calc(400vw * 25 / 1920);
    line-height: calc(400vw * 34 / 1920);
    margin-top: calc(400vw * -30 / 1920);
  }

  .home-slider__title {
    font-size: calc(400vw * 25 / 1920);
    line-height: calc(400vw * 34 / 1920);
  }

  .home-slider__text {
    font-size: calc(400vw * 25 / 1920);
    line-height: calc(400vw * 34 / 1920);
    margin-bottom: calc(400vw * 40 / 1920);
  }

  .home-slider__button {
    padding: calc(400vw * 15 / 1920) calc(400vw * 35 / 1920);
    letter-spacing: calc(400vw * 1 / 1920);
    width: calc(400vw * 180 / 1920);
    line-height: calc(400vw * 37 / 1920);
    margin-left: calc(400vw * -90 / 1920);
    font-size: calc(400vw * 14 / 1920);
  }

  .home-slider .swiper-container-horizontal > .swiper-pagination-bullets,
  .home-slider .swiper-pagination-custom,
  .home-slider .swiper-pagination-fraction {
    bottom: calc(400vw * 10 / 1920);
    width: 100%;
  }

  .swiper-container-vertical > .home-slider__pagination {
    right: calc(400vw * 70 / 1920);
    width: calc(400vw * 11 / 1920) !important;
    display: none;
  }

  .home-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: calc(400vw * 10 / 1920) calc(400vw * 4 / 1920);
  }

  .home-slider__pagination .swiper-pagination-bullet {
    height: calc(400vw * 30 / 1920);
    width: calc(400vw * 30 / 1920);
  }

  .home-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet:after,
  .home-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet:before {
    width: calc(400vw * 5 / 1920);
    height: calc(400vw * 5 / 1920);
  }

  .home-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet span {
    width: calc(400vw * 1 / 1920);
  }

  .bt {
    width: calc(400vw * 100 / 1920);
    width: calc(400vw * 169 / 1920);
    bottom: calc(400vw * 153 / 1920);
    bottom: 19vw;
    height: calc(400vw * 35 / 1920);
    line-height: calc(400vw * 32 / 1920);
    font-size: calc(400vw * 12 / 1920);
    letter-spacing: calc(400vw * 2 / 1920);
    border: calc(400vw * 1 / 1920) solid #fff !important;
  }

  .bt i:before {
    height: calc(400vw * 52 / 1920);
    width: calc(400vw * 48 / 1920);
    top: calc(400vw * 0 / 1920);
    margin-left: calc(400vw * 1 / 1920);
    -webkit-clip-path: polygon(calc(400vw * 42 / 1920) 0%, calc(400vw * 44 / 1920) 0, calc(400vw * 2 / 1920) 100%, 0 100%);
    clip-path: polygon(calc(400vw * 42 / 1920) 0%, calc(400vw * 44 / 1920) 0, calc(400vw * 2 / 1920) 100%, 0 100%);
  }

  .bt i {
    height: 0;
    width: calc(340vw * 48 / 1920);
    margin-left: calc(340vw * 2 / 1920);
  }

  .bt:hover i {
    height: calc(340vw * 53 / 1920);
  }

  #home__home .bt i:before {
    height: calc(400vw * 33 / 1920);
    width: calc(400vw * 38 / 1920);
    margin-left: calc(400vw * 2 / 1920);
  }

  #home__home .bt i {
    width: calc(400vw * 33 / 1920);
  }

  #home__home .bt:hover i {
    height: calc(400vw * 33 / 1920);
  }

  .bt:hover span {
    border: 0;
  }

  .bt span:after,
  .bt span:after {
    margin-left: calc(400vw * -1 / 1920);
  }

  .bt span:last-child {
    right: calc(400vw * -1 / 1920);
  }

  .bt svg {
    width: calc(400vw * 10 / 1920);
  }

  .bt span svg {
    right: calc(400vw * 57 / 1920);
    margin: calc(400vw * -1 / 1920);
  }

  .bt:hover span {
    top: -0;
  }

  .bt:hover span:last-child {
    top: 0;
  }

  .bt.svg span:last-child:after {
    text-indent: calc(400vw * -16 / 1920);
  }

  #home__home .arrow {
    height: calc(400vw * 189 / 1920);
    height: 23vw;
    bottom: calc(400vw * 47 / 1920);
    width: calc(400vw * 20 / 1920);
    background-size: auto 100%;
  }

  #home__home .bt span:after {
    margin-top: calc(400vw * -1 / 1920);
  }

  .recipes-slider .content__text,
  .products-slider .content__text {
    height: calc(400vw * 397 / 1920);
    height: 70vh !important;
    top: calc(400vw * 140 / 1920);
    top: calc(400vw * 280 / 1920);
    top: 20vh;
    width: calc(100% - calc(400vw * 80 / 1920));
  }
  #home__discover h1,
  #home__journey h1,
  .recipes-slider .content__text h1,
  .products-slider .content__text h1 {
    font-size: calc(150vw * 69 / 1920);
    width: calc(150vw * 700 / 1920);
    line-height: calc(150vw * 67 / 1920);
    font-size: calc(150vw * 90 / 1920);
    line-height: calc(150vw * 84 / 1920);
    top: 1vh;
  }

  .products-slider .content__text h2 {
    font-size: calc(79vw * 90 / 1920);
  }
  #home__discover h1 span:nth-child(2):after,
  #home__journey h1 span:nth-child(2):after,
  #home__discover h1 span:nth-child(1):after,
  #home__journey h1 span:nth-child(1):after,
  .recipes-slider .content__text h1 span:nth-child(2):after,
  .recipes-slider .content__text h1 span:nth-child(1):after,
  .products-slider .content__text h1 span:nth-child(2):after,
  .products-slider .content__text h1 span:nth-child(1):after {
    width: calc(150vw * 700 / 1920);
  }
  #home__discover h1 span:nth-child(2),
  #home__journey h1 span:nth-child(2),
  .recipes-slider .content__text h1 span:nth-child(2),
  .products-slider .content__text h1 span:nth-child(2) {
    left: calc(-100% + calc(150vw * 17 / 1920));
    top: calc(150vw * -10 / 1920);
    width: 100%;
  }
  #home__discover .content__text p,
  #home__journey .content__text p,
  .recipes-slider .content__text p,
  .products-slider .content__text p {
    width: calc(200vw * 420 / 1920);
    font-size: calc(200vw * 16 / 1920);
    line-height: calc(200vw * 28 / 1920);
    margin-top: calc(200vw * 10 / 1920);
    height: calc(200vw * 136 / 1920);
  }
  .recipes-slider .content__text p,
  .products-slider .content__text p {
    display: none;
  }
  #home__discover .bt,
  #home__discover .bt,
  #home__journey .bt,
  .recipes-slider .bt,
  .products-slider .bt {
    left: calc(400vw * 140 / 1920);
    bottom: calc(400vw * 180 / 1920);
    bottom: calc(400vw * 80 / 1920);
    width: calc(400vw * 109 / 1920);
  }

  #home__discover .bt,
  #home__discover .bt,
  #home__journey .bt,
  .recipes-slider .bt,
  .products-slider .bt {
    left: calc(350vw * 20 / 1920);
    width: calc(350vw * 211 / 1920);
    height: calc(350vw * 54 / 1920);
    line-height: calc(350vw * 52 / 1920);
    bottom: calc(350vw * -30 / 1920);
    font-size: calc(350vw * 13 / 1920);
  }

  .products-slider .bt {
    bottom: calc(350vw * -0 / 1920);
  }

  .recipes-slider .bt:last-child,
  .products-slider .bt:last-child {
    left: calc(350 * 238 / 1920);
  }

  .recipes-slider .bt {
    bottom: 0;
  }

  .navigation {
    bottom: calc(400vw * 150 / 1920);
    bottom: calc(400vw * 50 / 1920);
    right: calc(400vw * 198 / 1920);
    height: calc(400vw * 82 / 1920);
    padding: 0 calc(400vw * 110 / 1920);
    width: calc(100% - calc(400vw * 150 / 1920));
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
    bottom: calc(400vw * 130 / 1920);
    bottom: 20vh;
  }

  .recipes-swiper-button-prev,
  .products-swiper-button-prev {
    width: calc(400vw * 62 / 1920);
    margin-top: calc(400vw * -2 / 1920);
  }

  .recipes-swiper-button-next,
  .products-swiper-button-next {
    width: calc(400vw * 62 / 1920);
    margin-top: calc(400vw * -2 / 1920);
  }

  .navigation .swiper-pagination-bullet {
    width: calc(400vw * 74 / 1920);
    height: calc(400vw * 80 / 1920);
    padding: calc(400vw * 1 / 1920) calc(400vw * 24 / 1920);
    display: none;
  }

  .navigation .swiper-pagination-bullet span {
    font-size: calc(400vw * 9 / 1920);
    letter-spacing: calc(400vw * 1 / 1920);
    bottom: calc(400vw * 1 / 1920);
  }

  .navigation .swiper-pagination-bullet svg {
    width: calc(400vw * 13 / 1920);
    margin-top: calc(400vw * 3 / 1920);
  }

  .recipes-slider .swiper-slide > img,
  .products-slider .swiper-slide > img {
    margin-top: calc(400vw * 40 / 1920);
  }
  .content__text__recipes a + h2 {
    margin: calc(400vw * 200 / 1920) 0 calc(400vw * -10 / 1920) 0;
  }
  .recipes-slider .content__text h1 {
    font-size: calc(400vw * 70 / 1920);
    letter-spacing: calc(400vw * 5 / 1920);
    line-height: calc(400vw * 68 / 1920);
    width: calc(400vw * 420 / 1920);
    font-size: calc(150vw * 69 / 1920);
    width: calc(150vw * 700 / 1920);
    line-height: calc(150vw * 67 / 1920);
    font-size: calc(150vw * 90 / 1920);
    line-height: calc(150vw * 84 / 1920);
    top: 2vh;
  }

  .recipes-slider .content__text {
    height: calc(400vw * 397 / 1920);
    height: 70vh;
    top: calc(400vw * 140 / 1920);
    top: calc(400vw * 280 / 1920);
    top: 20vh;
    width: calc(100% - calc(400vw * 80 / 1920));
  }

  .recipes-slider .content__text h1 span:nth-child(2):after,
  .recipes-slider .content__text h1 span:nth-child(1):after {
    width: calc(400vw * 410 / 1920);
    width: calc(150vw * 700 / 1920);
  }

  .recipes-slider .navigation {
    left: calc(400vw * 147 / 1920);
    left: 50%;
    right: auto;
    bottom: 20vh;
  }

  .content__text__recipes {
    top: calc(400vw * 143 / 1920);
    height: calc(400vw * 600 / 1920);
    margin-left: calc(400vw * 547 / 1920);
    margin-left: 0;
    width: calc(100% - calc(400vw * 80 / 1920));
  }

  .content__text__recipes img {
    width: calc(400vw * 39 / 1920);
  }

  .content__text__recipes ul {
    padding: calc(400vw * 22 / 1920) 0 0 0;
    min-height: calc(400vw * 160 / 1920);
  }

  .content__text__recipes p:after,
  .content__text__recipes ul:before {
    height: calc(400vw * 1 / 1920);
    width: calc(400vw * 52 / 1920);
  }

  .content__text__recipes ul li {
    font-size: calc(400vw * 20 / 1920);
    line-height: calc(400vw * 22 / 1920);
    margin-bottom: calc(400vw * 0 / 1920);
  }

  .content__text__recipes ul li span {
    width: calc(400vw * 20 / 1920);
  }

  .recipes-slider .content_image_container img {
    width: calc(400vw * 1770 / 1920) !important;
    height: calc(400vw * 1278 / 1920) !important;
    margin-top: calc(400vw * 80 / 1920);
  }

  .content__text__recipes h2,
  .content__text__recipes h3 {
    font-size: calc(200vw * 72 / 1920);
    line-height: calc(200vw * 80 / 1920);
    padding: 0;
    margin: 0 0 calc(200vw * -10 / 1920) calc(200vw * 0 / 1920);
    text-indent: 0;
  }

  .content__text__recipes p {
    font-size: calc(250vw * 22 / 1920);
    padding-left: calc(250vw * 80 / 1920);
    padding-right: 0;
    letter-spacing: calc(250vw * -0.5 / 1920);
    line-height: calc(250vw * 24 / 1920);
    margin: calc(250vw * 23 / 1920) 0 0;
    padding-bottom: calc(250vw * 28 / 1920);
    margin-bottom: calc(250vw * 29 / 1920);
  }

  .content__text__recipes p:after {
    top: auto;
    bottom: calc(200vw * 0 / 1920);
    left: 0;
  }

  .content__text__recipes h3 {
    font-size: calc(200vw * 48 / 1920);
    line-height: calc(200vw * 50 / 1920);
    text-indent: 0;
    letter-spacing: calc(200vw * 2 / 1920);
  }

  .recipes-slider .content__text h1 span:nth-child(2):after {
    top: calc(400vw * 6 / 1920);
  }

  .products-slider .content__text h1 span:nth-child(2):after {
    top: calc(400vw * 6 / 1920);
  }

  #menu ul {
    width: 83vw;
    height: auto;
    top: 26vw;
    transform: none;
    left: 9vw;
  }

  #menu ul li {
    font-size: calc(200vw * 100 / 1920);
    margin-bottom: calc(200vw * 60 / 1920);
    letter-spacing: calc(200vw * 2 / 1920);
    line-height: calc(200vw * 100 / 1920) !important;
  }

  #menu ul li a {
    font-size: calc(200vw * 105 / 1920);
    left: calc(200vw * -7 / 1920);
    line-height: calc(200vw * 10 / 1920) !important;
    letter-spacing: calc(200vw * -2 / 1920);
    color: #919191;
    width: 80%;
    white-space: normal;
  }

  #menu ul li a span {
    display: none !important;
  }

  input[type='checkbox'],
  .clear-menu-btn {
    width: calc(400vw * 42 / 1920);
    height: calc(400vw * 42 / 1920);
    right: calc(400vw * 40 / 1920);
    top: calc(400vw * 41 / 1920);
  }

  input[type='checkbox'] {
    width: calc(400vw * 45 / 1920);
    height: calc(400vw * 44 / 1920);
    right: calc(400vw * 40 / 1920);
    position: fixed;
  }

  .clear-menu-btn p {
    width: 0;
    top: calc(400vw * -2 / 1920);
    letter-spacing: calc(400vw * 6 / 1920);
    font-size: calc(400vw * 15 / 1920);
    display: none;
  }

  .clear-menu-btn p span {
    width: calc(400vw * 180 / 1920);
  }

  input[type='checkbox']:checked + header .clear-menu-btn p {
    width: calc(400vw * 180 / 1920);
  }

  input[type='checkbox']:checked + header .clear-menu-btn .top,
  input[type='checkbox']:checked + header .clear-menu-btn .bottom {
    width: calc(400vw * 42 / 1920) !important;
  }

  .clear-menu-btn > span {
    width: calc(400vw * 42 / 1920);
    height: calc(400vw * 1 / 1920);
    height: 1px;
  }

  .clear-menu-btn .top {
    width: calc(400vw * 20 / 1920);
    top: calc(400vw * 6 / 1920);
  }

  .clear-menu-btn .middle {
    width: calc(400vw * 30 / 1920);
    right: 0;
    top: calc(400vw * 17 / 1920);
  }

  .clear-menu-btn .bottom {
    right: 0;
    top: calc(400vw * 30 / 1920);
  }

  input[type='checkbox']:hover + .clear-menu-btn .top {
    width: calc(400vw * 42 / 1920);
  }

  input[type='checkbox']:hover + .clear-menu-btn .bottom {
    width: calc(400vw * 20 / 1920);
  }

  .clear-menu-btn .circle {
    width: calc(400vw * 120 / 1920);
    height: calc(400vw * 120 / 1920);
    border: calc(400vw * 1 / 1920) solid #fff;
  }

  #menu ul li a span:before {
    height: calc(200vw * 2 / 1920) !important;
    width: 0 !important;
    bottom: calc(200vw * 3 / 1920) !important;
    left: calc(200vw * -35 / 1920) !important;
  }

  #menu ul li a span:after,
  #menu ul li a span:before {
    left: calc(200vw * -25 / 1920);
    top: calc(200vw * -8 / 1920);
    letter-spacing: calc(200vw * 0 / 1920);
    -webkit-clip-path: polygon(calc(200vw * 115 / 1920) calc(200vw * 0 / 1920), 100% 0%, 100% 100%, calc(200vw * 377 / 1920) 100%);
    clip-path: polygon(calc(200vw * 115 / 1920) calc(200vw * 0 / 1920), 100% 0%, 100% 100%, calc(200vw * 377 / 1920) 100%);
    line-height: calc(200vw * 155 / 1920);
    height: calc(200vw * 117 / 1920);
  }
  input[type='checkbox']:checked + header div#menu ul li a span:after,
  input[type='checkbox']:checked + header div#menu ul li a span:before {
    line-height: calc(200vw * 115 / 1920);
  }

  #menu ul li a span:last-child:after,
  #menu ul li a span:last-child:before {
    top: calc(200vw * 7 / 1920);
    -webkit-clip-path: polygon(0 calc(200vw * 0 / 1920), calc(200vw * 125 / 1920) 0%, calc(200vw * 386 / 1920) 100%, 0 100%);
    clip-path: polygon(0 calc(200vw * 0 / 1920), calc(200vw * 125 / 1920) 0%, calc(200vw * 386 / 1920) 100%, 0 100%);
    left: 0;
    display: none !important;
  }

  #menu ul li:nth-child(2) a span:after {
    left: calc(200vw * -17 / 1920);
    top: calc(200vw * 0 / 1920);
    -webkit-clip-path: polygon(calc(200vw * 427 / 1920) calc(200vw * 0 / 1920), 100% 0%, 100% 100%, calc(200vw * 690 / 1920) 100%);
    clip-path: polygon(calc(200vw * 427 / 1920) calc(200vw * 0 / 1920), 100% 0%, 100% 100%, calc(200vw * 690 / 1920) 100%);
  }

  #menu ul li:nth-child(2) a span:last-child:after {
    -webkit-clip-path: polygon(0 calc(200vw * 0 / 1920), calc(200vw * 432 / 1920) 0%, calc(200vw * 694 / 1920) 100%, 0 100%);
    clip-path: polygon(0 calc(200vw * 0 / 1920), calc(200vw * 432 / 1920) 0%, calc(200vw * 694 / 1920) 100%, 0 100%);
    top: calc(200vw * 9 / 1920);
    left: 0;
  }

  #menu ul li:nth-child(3) a span:after {
    left: calc(200vw * -5 / 1920);
    top: calc(200vw * 0 / 1920);
    -webkit-clip-path: polygon(calc(200vw * 417 / 1920) calc(200vw * 0 / 1920), 100% 0%, 100% 100%, calc(200vw * 677 / 1920) 100%);
    clip-path: polygon(calc(200vw * 417 / 1920) calc(200vw * 0 / 1920), 100% 0%, 100% 100%, calc(200vw * 677 / 1920) 100%);
  }

  #menu ul li:nth-child(3) a span:last-child:after {
    -webkit-clip-path: polygon(0 calc(200vw * 0 / 1920), calc(200vw * 429 / 1920) 0%, calc(200vw * 693 / 1920) 100%, 0 100%);
    clip-path: polygon(0 calc(200vw * 0 / 1920), calc(200vw * 429 / 1920) 0%, calc(200vw * 693 / 1920) 100%, 0 100%);
    top: calc(200vw * 9 / 1920);
    left: 0;
  }

  #menu ul li:nth-child(4) a span:after {
    left: calc(200vw * 23 / 1920);
    top: calc(200vw * 15 / 1920);
    -webkit-clip-path: polygon(0 calc(200vw * 40 / 1920), 100% calc(200vw * -26 / 1920), 100% 100%, 0 100%);
    clip-path: polygon(0 calc(200vw * 40 / 1920), 100% calc(200vw * -26 / 1920), 100% 100%, 0 100%);
    letter-spacing: calc(200vw * 1 / 1920);
    font-size: calc(200vw * 95 / 1920);
  }

  #menu ul li:nth-child(4) a span:last-child:after {
    -webkit-clip-path: polygon(0 calc(200vw * 0 / 1920), calc(200vw * 279 / 1920) 0%, 0 calc(200vw * 45 / 1920), 0 100%);
    clip-path: polygon(0 calc(200vw * 0 / 1920), calc(200vw * 279 / 1920) 0%, 0 calc(200vw * 45 / 1920), 0 100%);
    top: calc(200vw * 15 / 1920);
    left: calc(200vw * -4 / 1920);
    letter-spacing: calc(200vw * 3 / 1920);
    font-size: calc(200vw * 105 / 1920);
  }

  #menu ul li:nth-child(5) a span:after {
    left: calc(200vw * 20 / 1920);
    top: calc(200vw * 8 / 1920);
    -webkit-clip-path: polygon(0 calc(200vw * 0 / 1920), calc(200vw * 576 / 1920) 0%, calc(200vw * 446 / 1920) 100%, 0 100%);
    clip-path: polygon(0 calc(200vw * 0 / 1920), calc(200vw * 576 / 1920) 0%, calc(200vw * 446 / 1920) 100%, 0 100%);
    font-size: calc(200vw * 95 / 1920);
    letter-spacing: calc(200vw * 2 / 1920);
  }

  #menu ul li:nth-child(5) a span:nth-child(2):after {
    left: calc(200vw * 15 / 1920);
    top: calc(200vw * 10 / 1920);
    -webkit-clip-path: polygon(calc(200vw * 580 / 1920) calc(200vw * 0 / 1920), calc(200vw * 769 / 1920) 0%, calc(200vw * 738 / 1920) 100%, calc(200vw * 448 / 1920) 100%);
    clip-path: polygon(calc(200vw * 580 / 1920) calc(200vw * 0 / 1920), calc(200vw * 769 / 1920) 0%, calc(200vw * 738 / 1920) 100%, calc(200vw * 448 / 1920) 100%);
    letter-spacing: calc(200vw * -2 / 1920);
    font-size: calc(200vw * 102 / 1920);
  }

  #menu ul li:nth-child(4) a span:last-child:after {
    -webkit-clip-path: polygon(0 0px, calc(200vw * 279 / 1920) 0%, 0 calc(200vw * 45 / 1920), 0 100%);
    clip-path: polygon(0 0px, calc(200vw * 279 / 1920) 0%, 0 calc(200vw * 45 / 1920), 0 100%);
    top: calc(200vw * 15 / 1920);
    left: calc(200vw * -4 / 1920);
    letter-spacing: calc(200vw * 3 / 1920);
    font-size: calc(200vw * 105 / 1920);
  }

  #menu ul li:nth-child(5) a span:after {
    left: calc(200vw * 20 / 1920);
    top: calc(200vw * 8 / 1920);
    -webkit-clip-path: polygon(0 calc(200vw * 0 / 1920), calc(200vw * 576 / 1920) 0%, calc(200vw * 446 / 1920) 100%, 0 100%);
    clip-path: polygon(0 calc(200vw * 0 / 1920), calc(200vw * 576 / 1920) 0%, calc(200vw * 446 / 1920) 100%, 0 100%);
    font-size: calc(200vw * 95 / 1920);
    letter-spacing: calc(200vw * 2 / 1920);
  }

  #menu ul li:nth-child(5) a span:nth-child(2):after {
    left: calc(200vw * 15 / 1920);
    top: calc(200vw * 10 / 1920);
    -webkit-clip-path: polygon(calc(200vw * 580 / 1920) calc(200vw * 0 / 1920), calc(200vw * 769 / 1920) 0%, calc(200vw * 738 / 1920) 100%, calc(200vw * 448 / 1920) 100%);
    clip-path: polygon(calc(200vw * 580 / 1920) calc(200vw * 0 / 1920), calc(200vw * 769 / 1920) 0%, calc(200vw * 738 / 1920) 100%, calc(200vw * 448 / 1920) 100%);
    /* opacity: 0; */
    letter-spacing: calc(200vw * -2 / 1920);
    font-size: calc(200vw * 102 / 1920);
  }

  #menu ul li:nth-child(5) a span:nth-child(3):after {
    left: calc(200vw * 16 / 1920);
    top: calc(200vw * 13 / 1920);
    -webkit-clip-path: polygon(calc(200vw * 765 / 1920) 0, calc(200vw * 898 / 1920) 0%, calc(200vw * 937 / 1920) 100%, calc(200vw * 736 / 1920) 100%);
    clip-path: polygon(calc(200vw * 765 / 1920) 0, calc(200vw * 898 / 1920) 0%, calc(200vw * 937 / 1920) 100%, calc(200vw * 736 / 1920) 100%);
  }

  #menu ul li:nth-child(5) a span:last-child:after {
    -webkit-clip-path: polygon(calc(200vw * 990 / 1920) calc(200vw * 0 / 1920), 100% 0, 100% 100%, calc(200vw * 1026 / 1920) 100%);
    clip-path: polygon(calc(200vw * 990 / 1920) calc(200vw * 0 / 1920), 100% 0, 100% 100%, calc(200vw * 1026 / 1920) 100%);
    top: calc(200vw * 9 / 1920);
    left: calc(200vw * -76 / 1920);
    font-size: calc(200vw * 105 / 1920);
  }

  #menu ul li:nth-child(5) a span:nth-child(3):after {
    left: calc(200vw * 16 / 1920);
    top: calc(200vw * 13 / 1920);
    -webkit-clip-path: polygon(calc(200vw * 765 / 1920) 0, calc(200vw * 898 / 1920) 0%, calc(200vw * 937 / 1920) 100%, calc(200vw * 736 / 1920) 100%);
    clip-path: polygon(calc(200vw * 765 / 1920) 0, calc(200vw * 898 / 1920) 0%, calc(200vw * 937 / 1920) 100%, calc(200vw * 736 / 1920) 100%);
  }

  #menu ul li:nth-child(5) a span:last-child:after {
    -webkit-clip-path: polygon(calc(200vw * 990 / 1920) calc(200vw * 0 / 1920), 100% 0, 100% 100%, calc(200vw * 1026 / 1920) 100%);
    clip-path: polygon(calc(200vw * 990 / 1920) calc(200vw * 0 / 1920), 100% 0, 100% 100%, calc(200vw * 1026 / 1920) 100%);
    top: calc(200vw * 9 / 1920);
    left: calc(200vw * -76 / 1920);
    font-size: calc(200vw * 105 / 1920);
  }

  #menu ul li a span:before {
    left: calc(200vw * -25 / 1920);
    bottom: calc(200vw * 16 / 1920);
    -webkit-clip-path: polygon(calc(200vw * 387 / 1920) calc(200vw * 0 / 1920), 100% 0%, 100% 100%, calc(200vw * 391 / 1920) 100%);
    clip-path: polygon(calc(200vw * 387 / 1920) calc(200vw * 0 / 1920), 100% 0%, 100% 100%, calc(200vw * 391 / 1920) 100%);
  }

  #menu ul li:nth-child(1) a span:nth-child(2):before {
    bottom: calc(200vw * 21 / 1920) !important;
    left: calc(200vw * 40 / 1920) !important;
    -webkit-clip-path: polygon(calc(200vw * 300 / 1920) calc(200vw * 0 / 1920), 100% 0%, 100% 100%, calc(200vw * 306 / 1920) 100%);
    clip-path: polygon(calc(200vw * 300 / 1920) calc(200vw * 0 / 1920), 100% 0%, 100% 100%, calc(200vw * 306 / 1920) 100%);
  }

  #menu ul li.active a span:before,
  #menu ul li a:hover span:before {
    width: calc(200vw * 380 / 1920) !important;
  }

  .menu-image div span:nth-child(6) {
    left: -4.3vh;
  }
  div.glass img,
  div.glass2 img {
    /* width: calc(400vw * 1710 / 1920); */
    height: 79vh;
    height: 53vh;
    margin-top: calc(400vw * 26 / 1920);
  }

  div.glass2 img {
    margin-top: calc(400vw * 0 / 1920);
    margin-top: calc(400vw * 26 / 1920);
    margin-left: calc(400vw * 10 / 1920);
  }

  div.glass2 img {
    margin-top: calc(400vw * -4 / 1920);
    margin-top: calc(400vw * 30 / 1920);
    margin-left: calc(400vw * 5 / 1920);
  }

  div.glass div > span:first-child,
  div.glass2 div > span:first-child {
    overflow: visible !important;
  }
  div.glass div > span:first-child img,
  div.glass2 div > span:first-child img {
    margin-top: calc(400vw * 0 / 1920);
    top: calc(400vw * 80 / 1920);
    margin-left: calc(400vw * 10 / 1920);
    width: 170vw;
    height: auto;
    bottom: -12vw;
    top: auto;
    left: 50%;
    transform: translate(-50%, 0);
    margin-left: 14vw;
    margin-left: 0;
    margin-top: 0;
  }

  div.glass2 div > span:first-child img {
    margin-right: calc(400vw * -10 / 1920);
    margin-bottom: calc(400vw * -10 / 1920);
    margin-right: calc(400vw * 0 / 1920);
    margin-bottom: calc(400vw * 0 / 1920);
  }

  div.glass2 img,
  div.glass2 canvas {
    /* width: calc(400vw * 1714 / 1920); */
  }

  .content__text p:before {
    transform: translate(calc(400vw * -20 / 1920), calc(400vw * -30 / 1920)) rotate(-16deg);
  }
  .content__text p {
    line-height: calc(400vw * 50 / 1920);
  }
  .content__text h1 span:nth-child(2):after {
    transform: translate(calc(400vw * -90 / 1920), calc(400vw * -6 / 1920)) skew(60deg);
  }
  .home-slider__item.swiper-slide-next .content__text h1 span:nth-child(2):after {
    transform: translate(calc(400vw * 90 / 1920), calc(400vw * 6 / 1920)) skew(60deg);
  }
  .home-slider__item.swiper-slide-active .content__text p:before {
    transform: translate(0) rotate(0);
  }
  .home-slider__item.swiper-slide-active .content__text p {
    line-height: calc(400vw * 31 / 1920);
  }
  .recipes-slider .bt,
  .products-slider .bt {
    transform: translate(0, calc(400vw * 50 / 1920));
  }

  .recipes-slider .bt:last-child,
  .products-slider .bt:last-child {
    transform: translate(calc(400vw * 10 / 1920), calc(400vw * 50 / 1920));
  }
  .home-slider__item.swiper-slide-active .recipes-slider .bt,
  .home-slider__item.swiper-slide-active .products-slider .bt {
    transform: translate(0, 0);
    left: 0;
  }
  .home-slider__item.swiper-slide .recipes-slider .bt:last-child,
  .home-slider__item.swiper-slide .products-slider .bt:last-child {
    right: 0;
    left: auto;
  }
  .home-slider__item.swiper-slide-active .recipes-slider .bt:last-child,
  .home-slider__item.swiper-slide-active .products-slider .bt:last-child {
    right: 0;
    left: auto;
  }

  #home__home .arrow,
  #home__home .bt {
    transform: translate(-50%, calc(400vw * -50 / 1920));
  }

  #home__home .arrow {
    transform: translate(-50%, calc(400vw * -100 / 1920));
  }
  .swiper-slide-active #home__home .arrow,
  .swiper-slide-active #home__home .bt {
    transform: translate(-50%, 0);
  }
  .home-slider__item .content__text__recipes,
  .home-slider__item .navigation {
    transform: translate(-50%, calc(400vw * -50 / 1920));
  }
  .home-slider__item.swiper-slide-next .content__text__recipes,
  .home-slider__item.swiper-slide-next .navigation {
    transform: translate(-50%, calc(400vw * 50 / 1920));
  }

  .home-slider__item.swiper-slide-active .content__text__recipes,
  .home-slider__item.swiper-slide-active .navigation {
    transform: translate(-50%, 0);
  }

  .home-slider__item .content__text__recipes {
    transform: rotateX(30deg) rotateX(-20deg) skew(0, 0) translate(-70%, -20%);
  }

  .home-slider__item.swiper-slide-next .content__text__recipes {
    transform: rotateX(-30deg) rotateX(20deg) skew(0, 0) translate(-30%, 20%);
  }
  .home-slider__item.swiper-slide-prev .content__text__recipes {
    transform: rotateX(-30deg) rotateX(20deg) skew(0, 0) translate(-70%, -20%);
  }

  .home-slider__item.swiper-slide-active .content__text__recipes {
    transform: translate(-50%, 0);
    transform: rotateY(0) rotateX(0) skew(0, 0) translate(-50%, 0);
  }
  .recipes-slider .swiper-slide-prev .content__text h1 span:nth-child(1):after,
  .products-slider .swiper-slide-prev .content__text h1 span:nth-child(1):after {
    left: calc(400vw * -100 / 1920);
  }

  .recipes-slider .swiper-slide-prev .content__text h1 span:nth-child(2):after,
  .products-slider .swiper-slide-prev .content__text h1 span:nth-child(2):after {
    margin-left: calc(400vw * -80 / 1920);
  }

  .recipes-slider .swiper-slide-prev .content__text p,
  .products-slider .swiper-slide-prev .content__text p {
    transform: skew(80deg, 0) rotateX(1deg) translate(calc(400vw * -60 / 1920), 0);
  }

  .recipes-slider .swiper-slide-next .content__text h1 span:nth-child(1):after,
  .products-slider .swiper-slide-next .content__text h1 span:nth-child(1):after {
    left: calc(400vw * 100 / 1920);
  }

  .recipes-slider .swiper-slide-next .content__text h1 span:nth-child(2):after,
  .products-slider .swiper-slide-next .content__text h1 span:nth-child(2):after {
    margin-left: calc(400vw * 80 / 1920);
  }
  .recipes-slider .swiper-slide-next .content__text p,
  .products-slider .swiper-slide-next .content__text p {
    transform: skew(-60deg, 0) rotateX(1deg) translate(calc(400vw * 60 / 1920), 0);
  }
  .recipes-slider .swiper-slide-active .content__text h1 span:nth-child(1):after,
  .products-slider .swiper-slide-active .content__text h1 span:nth-child(1):after {
    left: 0;
  }
  .recipes-slider .swiper-slide-active .content__text p,
  .products-slider .swiper-slide-active .content__text p {
    transform: skew(0, 0) rotateX(0) translate(0, 0);
  }
  .recipes-slider .swiper-slide-prev .bt:last-child,
  .products-slider .swiper-slide-prev .bt:last-child {
    margin-left: calc(400vw * -20 / 1920);
  }
  .recipes-slider .swiper-slide-next .bt:last-child,
  .products-slider .swiper-slide-next .bt:last-child {
    margin-left: calc(400vw * 100 / 1920);
  }
  .recipes-slider .swiper-slide-active .bt:last-child,
  .products-slider .swiper-slide-active .bt:last-child {
    margin-left: calc(400vw * 27 / 1920);
  }
  .recipes-slider .swiper-slide-prev .content__text__recipes ul,
  .recipes-slider .swiper-slide-prev .content__text__recipes p {
    transform: skew(40deg, 0) rotateX(1deg) translate(calc(400vw * -60 / 1920), 0);
  }
  .recipes-slider .swiper-slide-prev .content__text__recipes h2 {
    margin-left: calc(400vw * 60 / 1920);
  }
  .recipes-slider .swiper-slide-prev .content__text__recipes h3 {
    margin-left: calc(400vw * 80 / 1920);
  }
  .recipes-slider .swiper-slide-next .content__text__recipes ul,
  .recipes-slider .swiper-slide-next .content__text__recipes p {
    transform: skew(-40deg, 0) rotateX(-1deg) translate(calc(400vw * 60 / 1920), 0);
  }
  .recipes-slider .swiper-slide-prev .content__text__recipes h2 {
    margin-left: calc(400vw * -60 / 1920);
  }
  .recipes-slider .swiper-slide-prev .content__text__recipes h3 {
    margin-left: calc(400vw * -80 / 1920);
  }
  .recipes-slider .swiper-slide-active .content__text__recipes h3 {
    margin-left: 0;
  }
  .recipes-slider .swiper-slide-active .content__text__recipes ul,
  .recipes-slider .swiper-slide-active .content__text__recipes p {
    transform: skew(0, 0) rotateX(0) translate(0, 0);
  }
  .recipes-slider .swiper-slide-active .content__text__recipes h2,
  .recipes-slider .swiper-slide-active .content__text__recipes h3 {
    margin-left: 0;
  }
  .navigation + .content__text .bt:last-child {
    margin-left: calc(400vw * 27 / 1920);
  }

  #home__discover .bt,
  #home__journey .bt {
    bottom: calc(400vw * 139 / 1920);
    left: 50%;
    width: calc(400vw * 289 / 1920);
  }

  #home__discover .bt {
    right: calc(400vw * 22 / 1920);
    width: calc(400vw * 177 / 1920);
    bottom: calc(400vw * 22 / 1920);
  }
  #home__discover .bt i,
  #home__journey .bt i {
    width: calc(400vw * 54 / 1920) !important;
  }
  #home__discover .bt i:before,
  #home__journey .bt i:before {
    width: calc(400vw * 54 / 1920);
    /* height: 66px; */
    -webkit-clip-path: polygon(calc(400vw * 52 / 1920) 0%, calc(400vw * 54 / 1920) 0, calc(400vw * 2 / 1920) 100%, 0 100%);
    clip-path: polygon(calc(400vw * 52 / 1920) 0%, calc(400vw * 54 / 1920) 0, calc(400vw * 2 / 1920) 100%, 0 100%);
  }

  #menu ul li a:nth-child(1) {
    top: -0.6vh;
  }
  /* div#gl2, div#gl {
  
	-webkit-filter: url("#blur");
	filter: url("../index.html#blur");
} */
  #home__discover h1,
  #home__journey h1 {
    width: calc(400vw * 208 / 1920) !important;
    top: 0;
  }
  #home__discover .content__text h1 span:nth-child(2):after,
  #home__journey .content__text h1 span:nth-child(2):after,
  #home__discover .content__text h1 span:nth-child(1):after,
  #home__journey .content__text h1 span:nth-child(1):after {
    width: calc(400vw * 208 / 1920) !important;
  }
  .content__subtext {
    width: calc(180vw * 940 / 1920);
    font-size: calc(180vw * 40 / 1920);
    line-height: calc(180vw * 86 / 1920);
    margin-top: calc(180vw * -253 / 1920);
    margin-left: calc(180vw * -422 / 1920);
    letter-spacing: calc(180vw * 1.1 / 1920);
    height: calc(180vw * 375 / 1920);
  }
  .content__subtext h2 span {
    transform: translateY(calc(400vw * 50 / 1920));
  }
  .home-slider__item.swiper-slide.swiper-slide-active .content__subtext h2 span {
    transform: translate(0);
  }
  #home__discover .bt,
  #home__journey .bt {
    bottom: calc(400vw * 139 / 1920);
    width: calc(400vw * 289 / 1920);
  }
  #home__discover .bt,
  #home__journey .bt {
    bottom: calc(400vw * 139 / 1920);
    width: calc(400vw * 289 / 1920);
  }
  #home__discover .bt i,
  #home__journey .bt i {
    width: calc(400vw * 54 / 1920) !important;
  }
  #home__discover .bt i:before,
  #home__journey .bt i:before {
    width: calc(400vw * 54 / 1920);
    -webkit-clip-path: polygon(calc(400vw * 52 / 1920) 0%, calc(400vw * 54 / 1920) 0, calc(400vw * 2 / 1920) 100%, 0 100%);
    clip-path: polygon(calc(400vw * 52 / 1920) 0%, calc(400vw * 54 / 1920) 0, calc(400vw * 2 / 1920) 100%, 0 100%);
  }
  #planes {
    height: calc(100vh - 400vw * 310 / 1920);
    margin-top: calc(400vw * -165 / 1920);
    width: calc((87.1vw) * 4);
    max-height: 90vw;
  }
  .plane-wrapper {
    width: calc(400vw * 573 / 1920);
    width: 80vw !important;
    height: 100% !important;
    margin: 0 calc(400vw * 0 / 1920) 0 0;
    max-height: 90vw;
  }
  .plane-wrapper:first-child {
    margin: 0 calc(400vw * 0 / 1920) 0 calc(400vw * 40 / 1920);
  }

  .plane-title {
    font-size: calc(400vw * 14 / 1920);
    line-height: calc(400vw * 20 / 1920);
    height: auto;
    width: 90%;
  }
  .plane-title span {
    bottom: calc(400vw * 43 / 1920);
    bottom: calc(400vw * 22 / 1920);
    padding: 0 calc(400vw * 0 / 1920);
    left: calc(400vw * 28 / 1920);
    font-size: calc(400vw * 18 / 1920);
    max-width: calc(400vw * 140 / 1920);
    max-width: 80%;
  }
  .plane-title button {
    right: calc(400vw * 20 / 1920);
    bottom: calc(400vw * 20 / 1920);
    font-size: calc(400vw * 12 / 1920);
  }

  #planes .plane .cover {
    display: block !important;
  }
  #planes .plane .bt {
    display: none !important;
  }
  .plane {
    left: calc(400vw * 0 / 1920);
    height: 100%;
    height: calc(100%);
    width: calc(100%);
  }
  .plane-title span:first-child {
    border-bottom: calc(400vw * 2 / 1920) solid;
    left: calc(400vw * 26 / 1920);
    padding-bottom: calc(400vw * 0 / 1920);
    font-size: calc(400vw * 14 / 1920);
    bottom: calc(400vw * 28 / 1920);
  }
  .plane-title span:first-child img {
    max-width: 17vw;
    padding: 3vw 0;
  }
  .plane-wrapper:nth-child(3n + 3) {
    width: 160vw !important;
  }
  .plane-wrapper:nth-child(3n + 3) .wrapper {
    height: 100%;
    width: 80vw;
    float: left;
  }
  #drag-tip {
    right: calc(400vw * 20 / 1920);
    bottom: calc(400vw * 20 / 1920);
    left: calc(400vw * 20 / 1920);
    font-size: calc(400vw * 12 / 1920);
    transform: translateY(calc(400vw * 50 / 1920));
    text-indent: calc(400vw * -45 / 1920);
  }

  #drag-tip svg {
    width: calc(400vw * 7 / 1920);
    margin-left: calc(400vw * 58 / 1920);
  }
  .plane-wrapper .wrapper {
    opacity: 0;
    transform: translateY(calc(400vw * 50 / 1920));
  }
  .plane-wrapper .wrapper .plane:after {
    height: calc(400vw * 100 / 1920);
  }

  .home-slider__item .content__text {
    transform: rotateY(30deg) rotateX(-20deg) skew(0, 0) translate(-20%, -20%);
  }

  .home-slider__item.swiper-slide-next .content__text {
    transform: rotateY(-30deg) rotateX(20deg) skew(0, 0) translate(20%, 20%);
  }

  .home-slider__item.swiper-slide-active .content__text {
    transform: rotateY(0) rotateX(0) skew(0, 0) translate(0, 0);
  }

  .swiper-slide-prev #home__journey .bt {
    transform: translate(-50%, calc(400vw * -50 / 1920));
  }
  .swiper-slide-next #home__journey .bt {
    transform: translate(-50%, calc(400vw * 50 / 1920));
  }
  .swiper-slide-active #home__journey .bt {
    transform: translate(-50%, 0);
  }

  .content__text__recipes p,
  .content__text__recipes h2,
  .content__text__recipes h3,
  .content__text__recipes ul,
  .content__text__recipes li {
    /* margin: 0;
    font-size: 3.1vw!important;
    line-height: 1.1;
    height: auto;
    min-height: 0;
    padding: 0;
    margin-bottom: 3vw;
    color: #000!important;
    width: 100%; */
  }

  .content__text__recipes,
  .content__text__recipes br {
    display: none;
  }
  .content__text__recipes,
  .content__text__recipes li br {
    display: block;
  }
  .content__text__recipes {
    position: absolute;
    /* background: rgba(255,255,255,0.7); */
    width: 100%;
    height: 100vh;
    display: none;
    top: 0;
    z-index: 20000000;
    padding: 66vw 8vw 0;
    display: none;
    z-index: -1;
    transform: inherit;
  }
  .content__text__recipes *:before,
  .content__text__recipes *:after {
    display: none;
  }
  #imgContainer div span.recipes-img img {
    height: 150vh !important;
    height: 80vh !important;
    object-fit: contain;
    width: 200vw !important;
    top: 56vh;
  }
  .home-slider__item .recipes-slider .bt:last-child {
    width: calc(400vw * 289 / 1920);
    margin: 0 auto;
    left: 50% !important;
    right: auto !important;
    display: block !important;
    margin-left: calc(400vw * 289 / 1920 / -2);
  }

  .close {
    width: calc(400vw * 100 / 1920);
    height: calc(400vw * 60 / 1920);
    width: calc(400vw * 60 / 1920);
  }

  .close:after {
    left: calc(400vw * 50 / 1920);
    top: calc(400vw * -133 / 1920);
    border-top: calc(400vw * 140 / 1920) solid transparent;
    border-bottom: calc(400vw * 140 / 1920) solid transparent;
    border-right: calc(400vw * 140 / 1920) solid #000;
    display: block;
  }
  .close p {
    left: calc(400vw * 79 / 1920);
    top: calc(400vw * 4 / 1920);
    font-size: calc(400vw * 19 / 1920);
  }
  .close > span {
    width: calc(400vw * 42 / 1920);
    height: calc(400vw * 1 / 1920);
  }
  .close .top {
    width: calc(400vw * 20 / 1920);
  }
  .close .middle {
    width: calc(400vw * 30 / 1920);
  }
  .close .top {
    width: calc(400vw * 42 / 1920);
  }
  .close .bottom {
    width: calc(400vw * 20 / 1920);
  }
  .close .top,
  .close .bottom {
    width: calc(400vw * 42 / 1920) !important;
  }
  .close p span:after {
    width: calc(400vw * 460 / 1920);
  }
  .close p span {
    top: calc(400vw * -3 / 1920);
    left: calc(400vw * -10 / 1920);
    -webkit-clip-path: polygon(calc(400vw * 20 / 1920) calc(400vw * 0 / 1920), 100% 0%, 100% 100%, 0 100%);
    clip-path: polygon(calc(400vw * 20 / 1920) calc(400vw * 0 / 1920), 100% 0%, 100% 100%, 0 100%);
  }
  .close p span:first-child {
    left: calc(400vw * -7 / 1920);
    top: calc(400vw * -5 / 1920);
    -webkit-clip-path: polygon(0 0, calc(400vw * 21 / 1920) 0%, calc(400vw * -2 / 1920) 100%, 0 100%);
    clip-path: polygon(0 0, calc(400vw * 21 / 1920) 0%, calc(400vw * -2 / 1920) 100%, 0 100%);
  }
  .content__text__recipes * {
    position: static !important;
  }

  .recipes-slider .content__text__recipes ul {
    min-height: auto !important;
  }

  .content__text__recipes a + h2 {
    margin: 0;
  }

  .content__text__recipes .close:after {
    border-top: calc(400vw * 140 / 1920) solid transparent;
    border-right: calc(400vw * 140 / 1920) solid transparent;
    border-left: calc(400vw * 140 / 1920) solid #000;
    border-bottom: 0;
    left: calc(400vw * 60 / 1920);
    top: calc(400vw * -130 / 1920);
  }

  .content__text__recipes .close {
    left: auto;
    right: 0vw;
    top: 14vw;
    position: absolute !important;
    display: block !important;
    pointer-events: initial;
  }
  .home-slider__item.swiper-slide-active .content__text__recipes {
    transition: none;
  }
  .content__text__recipes .close span {
    margin-left: 3vw !important;
  }
  .home-slider__item.swiper-slide-active .recipes-slider .bt:last-child {
    background: #000 !important;
  }

  .products-slider {
    height: 100vh;
    /* background: url(..../images/01_Home-Recovered.png) no-repeat center center / 100% auto; */
  }
}

#home__discover,
#home__discover * {
  backface-visibility: hidden;
  perspective: initial;
}

.plane,
.plane * {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* 
#imgContainer, #maskproduct, div#gl2, div#gl {
  display: none;
} */

.nowrap {
  white-space: nowrap;
}

.padding {
  padding: 8px 0;
}