@charset "UTF-8";

body {
 text-decoration: none;
 font-size: 12px;
 margin: 0;
}

.mySlides {
 display: none;
}

.clear {
 clear: both;
}

#footer {
 background-color: white;
}

h1,
h2,
h3,
h4 {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 font-weight: normal;
}

ul {
 margin: 0;
 padding: 0 0 0 8%;
}

l1 {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

#subscr_tab {
 display: none;
}
.slide_set {
 height: 56vw;
}
.noise-wrapper {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 margin-top: 0;
 overflow: hidden;
 padding: 0 0 0 0;
}

/* MENU BANNER */
.noise-menu-mobile {
 display: none;
}

.noise-menu {
 display: block;
 position: fixed;
 top: 84px;
 padding: 0;
 box-sizing: border-box;
 width: 100%;
 height: 5vw;
 text-align: center;
 background-color: #e52a29;
 z-index: 9000;
}

.noise-menu-text {
 position: relative;
 display: inline-block;
 box-sizing: border-box;
 width: auto;
 height: 5vw;
 padding: 1.7vw 2.1vw;
 align-items: center;
 font-family: "Anton", sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: 2vw;
 line-height: 2vw;
 letter-spacing: 1px;
 color: #fff;
 text-transform: uppercase;
}

.noise-menu-text a:link {
 color: #fff;
 text-decoration: none;
 font-weight: normal;
}

.noise-menu-text a:visited {
 color: #fff;
 font-weight: normal;
}

.noise-menu-text a:hover {
 color: #650303;
 font-weight: normal;
 cursor: pointer;
}

.noise-menu-text a:active {
 color: #fff;
}

#welcome,
#introduction,
#discover,
#event,
#buy,
#foodtrial #crunch-section #follow {
 top: -200px;
 position: absolute;
}

/*NOISE KV*/
.noise-kv {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: 56vw;
 margin-top: 3vw;
 overflow: hidden;
 background-color: #e9e1d6;
 color: white;
}

.noise-kv img {
 display: block;
 width: 100%;
}
.noise-video-image {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: 65vw;
 padding: 4vw 10% 5vw 10%;
 z-index: 200;
}
.noise-video-img img {
 display: block;
 width: 100%;
 margin: 0 auto;
}

.noise-video {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: 55vw;
 z-index: 200;
}

.noise-video video {
 display: block;
 width: 100%;
 margin: 0 auto;
}

.video_container {
 overflow: hidden;
 position: relative;
 width: 100%;
 margin: 5vw auto 0;
 z-index: 250;
}

.video_container::after {
 padding-top: 56.25%;
 display: block;
 content: "";
}

.video_container iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 300;
}

/*INTRODUCTION*/
.noise-intro-block {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 padding: 2vw 0 5vw 0;
 height: 44vw;
 text-align: center;
 background-color: #e52a29;
}
.noise-intro-image {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 padding: 0 30%;
 z-index: 11;
}

.noise-intro-image img {
 display: block;
 width: 100%;
}
/*SCROLLING*/
.text-scrolling {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: 10vw;
 padding: 2vw 0 0 0;
 z-index: 96;
 vertical-align: middle;
}
.noise-intro-header {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: center;
 font-family: "Anton", sans-serif;
 font-size: 6vw;
 line-height: 6vw;
 color: #f5e4d4;
 text-transform: uppercase;
 padding: 8vw 0 0 0;
}
.noise-intro-text-tag {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: center;
 font-family: "Anton", sans-serif;
 font-size: 2.7vw;
 line-height: 2.7vw;
 color: #650303;
 padding: 0.7vw 0 0 0;
}
.noise-intro-text {
 display: block;
 position: relative;
 box-sizing: border-box;
 text-align: center;
 font-family: "usual";
 font-size: 1.5vw;
 line-height: 1.5vw;
 width: 100%;
 height: auto;
 padding: 1vw 25% 0 25%;
 color: #f5e4d4;
}
.noise-intro-text a:link {
 color: #650303;
 text-decoration: none;
}
.noise-intro-text a:visited {
 color: #650303;
}
.noise-intro-text a:hover {
 color: #e52a29;
}
.noise-intro-text a:active {
 color: #650303;
}
.noise-crunch-bg-1 {
 display: block;
 position: absolute;
 box-sizing: border-box;
 top: 30vw;
 left: 0;
 width: 15%;
 height: auto;
 z-index: 150;
}
.noise-crunch-bg-1 img {
 display: block;
 width: 100%;
}
.noise-crunch-bg-2 {
 display: block;
 position: absolute;
 box-sizing: border-box;
 top: 30vw;
 right: -2%;
 width: 15%;
 height: auto;
 z-index: 150;
}
.noise-crunch-bg-2 img {
 display: block;
 width: 100%;
}
.noise-crunch-bg-3 {
 display: block;
 position: absolute;
 box-sizing: border-box;
 top: 72vw;
 right: 0;
 width: 27%;
 height: auto;
 z-index: 150;
}
.noise-crunch-bg-3 img {
 display: block;
 width: 100%;
}

/*CRUNCH*/
.noise-crunch-block {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: 71vw;
 background-color: #fee7d5;
 background-image: url("../../images/soundoutwithchilli/crunch-back.svg");
 background-size: 100%;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background: cover;
 overflow: visible;
}
.noise-crunch-header {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: center;
 font-family: "Anton", sans-serif;
 font-size: 6vw;
 line-height: 6vw;
 color: #650303;
 text-transform: uppercase;
 padding: 7vw 0 0 0;
}
.noise-crunch-top-curve {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 100%;
 top: -1vw;
 left: 0;
 height: 5vw;
 z-index: 11;
 padding: 0;
}

.noise-crunch-top-curve img {
 display: block;
 width: 100%;
}
.noise-crunch-bottom-curve {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 100%;
 bottom: 0;
 left: 0%;
 height: 5vw;
 z-index: 10;
 padding: 0;
}

.noise-crunch-bottom-curve img {
 display: block;
 width: 100%;
}

.noise-crunch-block-left {
 display: inline-block;
 position: relative;
 box-sizing: border-box;
 width: 50%;
 padding: 0;
 height: 55vw;
 float: left;
}
#crunch1,
#crunch2 {
 top: -300px;
 position: absolute;
}
.noise-crunch-product-image {
 display: none;
 position: absolute;
 box-sizing: border-box;
 width: 50%;
 top: 14vw;
 left: 27%;
 height: 20vw;
 z-index: 300;
 animation: grow 1s forwards;
}
@keyframes grow {
 from {
  transform: scale(0);
 }
 to {
  transform: scale(1);
 }
}

.noise-crunch-product-image img {
 display: block;
 width: 100%;
}
.noise-crunch-product-image-back {
 display: none;
 position: absolute;
 box-sizing: border-box;
 width: 96%;
 top: 0;
 left: 5%;
 height: 100%;
 z-index: 299;
 animation: grow2 2s forwards;
}
@keyframes grow2 {
 0% {
  transform: scale(0);
 }
 100% {
  transform: scale(1);
 }
}

.noise-crunch-product-image-back img {
 display: block;
 width: 100%;
}

.noise-crunch-taste-image {
 display: block;
 position: absolute;
 width: 25%;
 height: 25vw;
 top: 8vw;
 right: -14%;
 z-index: 302;
}

.noise-crunch-taste-image img {
 display: block;
 width: 100%;
}
.noise-crunch-new {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 17%;
 height: auto;
 text-align: left;
 top: 13vw;
 left: 27%;
 z-index: 1000;
}

.noise-crunch-new img {
 display: block;
 width: 100%;
}
.noise-crunch-veg-logo {
 display: block;
 position: absolute;
 width: 5%;
 top: 26vw;
 left: 3%;
 z-index: 2000;
}
.noise-crunch-veg-logo img {
 display: block;
 width: 100%;
}
.individual-icons {
 position: relative;
 display: inline-block;
 width: 100%;
 font-family: "usual";
 font-size: 0.8vw;
 font-weight: 600;
 line-height: 1vw;
 text-align: center;
 margin-bottom: 1vw;
 color: #650303;
}
.individual-icons img {
 display: block;
 width: 100%;
 text-align: center;
 margin: 0 auto;
}
.individual-icons-2 {
 position: relative;
 display: inline-block;
 width: 100%;
 font-family: "usual";
 font-size: 0.8vw;
 font-weight: 600;
 line-height: 1vw;
 text-align: center;
 margin-bottom: 1vw;
 color: #f5e4d4;
}
.individual-icons-2 img {
 display: block;
 width: 100%;
 text-align: center;
 margin: 0 auto;
}
.noise-crunch-block-right {
 display: inline-block;
 position: relative;
 box-sizing: border-box;
 width: 50%;
 padding: 0;
 height: 55vw;
}
.noise-crunch-text-outer {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 80%;
 height: auto;
 text-align: left;
 top: 8vw;
 left: 12%;
}
.noise-crunch-text-tag {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: left;
 font-family: "Anton", sans-serif;
 font-size: 2.7vw;
 line-height: 2.7vw;
 color: #650303;
 padding: 0.7vw 0 0 0;
}

.noise-crunch-text-header {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 70%;
 height: auto;
 text-align: left;
 font-family: "Anton", sans-serif;
 font-size: 5vw;
 line-height: 5vw;
 color: #e52a29;
 text-transform: uppercase;
 padding: 0;
}

.noise-crunch-text {
 display: block;
 position: relative;
 box-sizing: border-box;
 text-align: left;
 font-family: "usual";
 font-size: 1.2vw;
 line-height: 1.5vw;
 width: 60%;
 height: auto;
 padding: 1vw 0 0 0;
 color: #650303;
}
.noise-crunch-text p {
 margin-top: 0.5vw;
}
.noise-crunch-text-tag2 {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: left;
 font-family: "usual";
 font-size: 1.2vw;
 line-height: 1.5vw;
 font-weight: bold;
 color: #650303;
 padding: 0.5vw 0 0 0;
}

.noise-crunch-logo2-outer {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 70%;
 height: 11vw;
 text-align: left;
 top: 35vw;
 left: -30%;
 z-index: 100;
 animation-name: pulseAnimation;
 animation-duration: 2s;
 animation-timing-function: ease;
 animation-iteration-count: infinite;
 animation-fill-mode: both;
 cursor: pointer;
}
.noise-crunch-logo2 {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 50%;
 height: 100%;
 text-align: left;
 top: 0;
 right: 0;
 z-index: 1000;
 transform: rotate(-6deg);
}
.noise-crunch-logo2:hover + .noise-crunch-pairing-outer {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 70%;
 height: auto;
 text-align: left;
 top: 10vw;
 left: 20%;
 z-index: 100;
 transform: rotate(-6deg);
}
.noise-crunch-logo2:hover {
 display: block;
 animation-direction: alternate;
 animation: bounce 0.3s infinite;
}

@keyframes pulseAnimation {
 0%,
 100% {
  transform: scale(1);
 }
 50% {
  transform: scale(1.15);
 }
}
@keyframes bounce {
 0% {
  transform: translate(0, 0) rotate(0deg);
 }

 25% {
  transform: translate(5px, 5px) rotate(15deg);
 }

 50% {
  transform: translate(0, 0) rotate(0deg);
 }

 75% {
  transform: translate(-15px, 5px) rotate(-5deg);
 }

 100% {
  transform: translate(0, 0) rotate(0deg);
 }
}
.noise-crunch-logo2 img {
 display: block;
 width: 100%;
 transform: rotate(6deg);
}

.noise-crunch-food {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 77%;
 height: 7vw;
 text-align: left;
 top: 16vw;
 right: 0;
 z-index: 10;
}
.noise-crunch-food img {
 display: block;
 width: 100%;
}
.noise-crunch-pairing-image {
 display: block;
 position: absolute;
 width: 40%;
 height: 6vw;
 top: 33vw;
 left: 12%;
 z-index: 302;
 text-align: left;
 font-family: "Anton", sans-serif;
 font-size: 1.2vw;
 line-height: 2vw;
 color: #e52a29;
 text-transform: uppercase;
}
.noise-crunch-pairing-image:hover {
 display: block;
 color: #5d100a;
}
.noise-crunch-pairing-image img {
 display: block;
 width: 100%;
}
.noise-crunch-pairing-outer {
 display: none;
 position: absolute;
 box-sizing: border-box;
 width: 60%;
 height: auto;
 text-align: left;
 top: 45vw;
 left: 0;
 background-color: white;
 border-radius: 10px;
 padding: 2.5%;
 animation: grow 0.5s forwards;
 z-index: 100;
}
@keyframes grow {
 from {
  transform: scale(0);
 }
 to {
  transform: scale(1);
 }
}
.noise-crunch-pairing-header {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: left;
 font-family: "Anton", sans-serif;
 font-size: 1.8vw;
 line-height: 2vw;
 color: #e52a29;
 text-transform: uppercase;
 padding: 0;
}

.noise-crunch-pairing-text {
 display: block;
 position: relative;
 box-sizing: border-box;
 text-align: left;
 font-family: "usual";
 font-size: 1vw;
 line-height: 1.2vw;
 width: 100%;
 height: auto;
 padding: 0.5vw 0 0 0;
 color: #650303;
}

.noise-crunching-image {
 display: block;
 position: absolute;
 width: 10%;
 height: 10vw;
 top: 5vw;
 left: 20%;
 background-color: red;
}

.noise-crunching-image img {
 display: block;
 width: 100%;
}

.noise-crunch-block-outer {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 30%;
 right: 9%;
 top: 7vw;
 height: auto;
}
.noise-crunch-image {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 65%;
 padding: 0;
 height: 20vw;
 background-size: 100%;
 background-repeat: no-repeat;
 background: cover;
}

.noise-crunch-image img {
 display: block;
 width: 100%;
}

/*dollop*/
.noise-dollop-block {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: 50vw;
 background-color: #e52a29;
 z-index: 100;
 background-image: url("../../images/soundoutwithchilli/dollop-back.png");
 background-size: 100%;
 background-repeat: no-repeat;
 background: cover;
 overflow: visible;
}
.noise-dollop-top-curve {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 100%;
 top: 0;
 left: 0%;
 height: 4vw;
 z-index: 20;
 padding: 0;
}

.noise-dollop-top-curve img {
 display: block;
 width: 100%;
}
.noise-dollop-bottom-curve {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 100%;
 bottom: 0;
 left: 0%;
 height: 4vw;
 z-index: 9;
 padding: 0;
}

.noise-dollop-bottom-curve img {
 display: block;
 width: 100%;
}

.noise-dollop-block-left {
 display: inline-block;
 position: relative;
 box-sizing: border-box;
 width: 45%;
 padding: 0;
 height: 50vw;
 float: left;
}

.noise-dollop-product-image {
 display: none;
 position: absolute;
 box-sizing: border-box;
 width: 56%;
 top: 7vw;
 left: 26%;
 height: 20vw;
 z-index: 300;
 /* Apply the animation */
 opacity: 0; /* Keep hidden initially */
 animation: right 0.5s ease-out forwards;
 animation-delay: 0.5s; /* Wait 2 seconds before starting */
 animation-fill-mode: forwards; /* Stay at 0% (hidden) during the delay */
}
@keyframes right {
 from {
  transform: translateX(100%); /* Start completely off-screen to the right */
  opacity: 0;
 }
 to {
  transform: translateX(0); /* End at its natural position */
  opacity: 1;
 }
}
.noise-dollop-product-image img {
 display: block;
 width: 100%;
}
#dollop1,
#dollop2 {
 top: -300px;
 position: absolute;
}
.noise-dollop-product-image-back {
 display: none;
 position: absolute;
 box-sizing: border-box;
 width: 100%;
 top: 2vw;
 left: 9%;
 height: 100%;
 z-index: 299;
 animation: grow4 2s forwards;
}
@keyframes grow4 {
 from {
  transform: scale(1);
 }
 to {
  transform: scale(1);
 }
}
.noise-dollop-product-image-back img {
 display: block;
 width: 100%;
}
.noise-dollop-taste-image {
 display: block;
 position: absolute;
 width: 25%;
 height: 25vw;
 top: 12vw;
 left: 80%;
 z-index: 301;
}

.noise-dollop-taste-image img {
 display: block;
 width: 100%;
}

.noise-dollop-veg-logo {
 display: block;
 position: absolute;
 width: 5%;
 top: 7vw;
 left: 4%;
 z-index: 301;
}

.noise-dollop-veg-logo img {
 display: block;
 width: 100%;
}

.noise-dollop-new {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 17%;
 height: auto;
 text-align: left;
 top: 6vw;
 left: 49%;
 z-index: 1000;
}

.noise-dollop-new img {
 display: block;
 width: 100%;
}

.noise-dollop-block-right {
 display: inline-block;
 position: relative;
 box-sizing: border-box;
 width: 46%;
 padding: 0;
 height: 50vw;
}

.noise-dollop-text-outer {
 display: block;
 position: absolute;
 box-sizing: border-box;
 top: 6vw;
 left: 33%;
 width: 100%;
 height: auto;
 text-align: left;
 padding: 0;
}

.noise-dollop-text-tag {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: left;
 font-family: "Anton", sans-serif;
 font-size: 2.7vw;
 line-height: 2.7vw;
 color: #650303;
 padding: 0.7vw 0 0 0;
}

.noise-dollop-text-header {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 70%;
 height: auto;
 text-align: left;
 font-family: "Anton", sans-serif;
 font-size: 5vw;
 line-height: 5vw;
 color: #fee7d5;
 text-transform: uppercase;
 padding: 0.7vw 0 0 0;
}

.noise-dollop-text {
 display: block;
 position: relative;
 box-sizing: border-box;
 text-align: left;
 font-family: "usual";
 font-size: 1.2vw;
 line-height: 1.5vw;
 width: 70%;
 height: auto;
 padding: 1vw 0 0 0;
 color: #fee7d5;
}
.noise-dollop-text p {
 margin-top: 0.5vw;
}
.noise-dollop-text-tag2 {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: left;
 font-family: "usual";
 font-size: 1.2vw;
 line-height: 1.5vw;
 font-weight: bold;
 color: #fee7d5;
 padding: 0.5vw 0 0 0;
}

.noise-dollop-logo2-outer {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 70%;
 height: 11vw;
 text-align: left;
 top: 33vw;
 left: 54%;
 z-index: 1000;
 overflow: visible;
 animation-name: pulseAnimation;
 animation-duration: 2s;
 animation-timing-function: ease;
 animation-iteration-count: infinite;
 animation-fill-mode: both;
 cursor: pointer;
}
.noise-dollop-logo {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 50%;
 height: 100%;
 text-align: left;
 top: 0;
 left: 0;
 z-index: 2000;
}
.noise-dollop-logo:hover + .noise-dollop-pairing-outer {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 75%;
 height: auto;
 text-align: left;
 top: 12vw;
 left: 30%;
 z-index: 1;
}
.noise-dollop-logo:hover {
 display: block;
 animation-direction: alternate;
 animation: roll 1s infinite;
}
@keyframes pulseAnimation {
 0%,
 100% {
  transform: scale(1);
 }
 50% {
  transform: scale(1.1);
 }
}
@keyframes roll {
 0% {
  transform: rotate(0deg) scale(1);
 }
 100% {
  transform: rotate(50deg) scale(1.3);
 }
}

.noise-dollop-logo img {
 display: block;
 width: 100%;
}

.noise-dollop-pairing-outer {
 display: none;
 position: absolute;
 box-sizing: border-box;
 width: 60%;
 height: auto;
 text-align: left;
 top: 45vw;
 left: 0;
 background-color: white;
 border-radius: 10px;
 padding: 2.5%;
 animation: grow 0.5s forwards;
 z-index: 302;
}
@keyframes grow {
 from {
  transform: scale(0);
 }
 to {
  transform: scale(1);
 }
}
.noise-dollop-pairing-header {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: left;
 font-family: "Anton", sans-serif;
 font-size: 1.8vw;
 line-height: 2vw;
 color: #e52a29;
 text-transform: uppercase;
 padding: 0;
}

.noise-dollop-pairing-text {
 display: block;
 position: relative;
 box-sizing: border-box;
 text-align: left;
 font-family: "usual";
 font-size: 1vw;
 line-height: 1.2vw;
 width: 100%;
 height: auto;
 padding: 0.5vw 0 0 0;
 color: #650303;
}
.noise-dollop-food {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 80%;
 height: 7vw;
 text-align: left;
 top: 31vw;
 left: -11%;
 z-index: 100;
}

.noise-dollop-food img {
 display: block;
 width: 100%;
}

.noise-dollop-pairing-image {
 display: block;
 position: absolute;
 width: 12%;
 height: 6vw;
 top: 44vw;
 left: 69%;
 z-index: 302;
}
.noise-dollop-pairing-image img {
 display: block;
 width: 100%;
}
/*DRIZZLE*/
.noise-drizzle-block {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: 58vw;
 background-color: #f5e4d4;
 background-image: url("../../images/soundoutwithchilli/drizzle-back.png");
 background-size: 100%;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background: cover;
 overflow: visible;
}
.noise-drizzle-top-curve {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 100%;
 top: 0;
 left: 0%;
 height: 5vw;
 z-index: 200;
 padding: 0;
}

.noise-drizzle-top-curve img {
 display: block;
 width: 100%;
}
.noise-drizzle-bottom-curve {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 100%;
 bottom: 0;
 left: 0%;
 height: 5vw;
 z-index: 200;
 padding: 0;
}

.noise-drizzle-bottom-curve img {
 display: block;
 width: 100%;
}

.noise-drizzle-block-left {
 display: inline-block;
 position: relative;
 box-sizing: border-box;
 width: 50%;
 padding: 0;
 height: 55vw;
 float: left;
}
#drizzle1,
#drizzle2 {
 top: -300px;
 position: absolute;
}
.noise-drizzle-product-image {
 display: none;
 position: absolute;
 box-sizing: border-box;
 width: 55%;
 top: 8vw;
 left: 27%;
 height: 20vw;
 z-index: 300;
 animation: grow 1s forwards;
}
@keyframes grow {
 from {
  transform: scale(0) rotate(0deg);
 }
 to {
  transform: scale(1) rotate(360deg);
 }
}

.noise-drizzle-product-image img {
 display: block;
 width: 100%;
}
.noise-drizzle-product-image-back {
 display: none;
 position: absolute;
 box-sizing: border-box;
 width: 90%;
 top: -52.56vw;
 left: 0;
 height: 100%;
 margin-left: 10%;
 z-index: 10;
 /* Apply the animation */
 opacity: 0; /* Keep hidden initially */
 animation: top 4s ease-out forwards;
 animation-delay: 0.5s; /* Wait 2 seconds before starting */
 animation-fill-mode: forwards; /* Stay at 0% (hidden) during the delay */
}
@keyframes top {
 from {
  transform: translatey(0); /* Start completely off-screen to the right */
  opacity: 1;
 }
 to {
  transform: translatey(100%); /* End at its natural position */
  opacity: 1;
 }
}

.noise-drizzle-product-image-back img {
 display: block;
 width: 100%;
}

.noise-drizzle-taste-image {
 display: block;
 position: absolute;
 width: 25%;
 height: 25vw;
 top: 18vw;
 left: 72%;
 z-index: 302;
}

.noise-drizzle-taste-image img {
 display: block;
 width: 100%;
}

.noise-drizzle-veg-logo {
 display: block;
 position: absolute;
 width: 5%;
 top: 10vw;
 left: 4%;
 z-index: 100;
}

.noise-drizzle-veg-logo img {
 display: block;
 width: 100%;
}

.noise-drizzle-block-right {
 display: inline-block;
 position: relative;
 box-sizing: border-box;
 width: 50%;
 padding: 0;
 height: 55vw;
}

.noise-drizzle-text-outer {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 70%;
 height: auto;
 text-align: left;
 top: 8vw;
 left: 12%;
 z-index: 100;
}

.noise-drizzle-text-tag {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: left;
 font-family: "Anton", sans-serif;
 font-size: 2.7vw;
 line-height: 2.7vw;
 color: #650303;
 padding: 0.7vw 0 0 0;
}

.noise-drizzle-text-header {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 70%;
 height: auto;
 text-align: left;
 font-family: "Anton", sans-serif;
 font-size: 5vw;
 line-height: 5vw;
 color: #e52a29;
 text-transform: uppercase;
 padding: 0.7vw 0 0 0;
}

.noise-drizzle-text {
 display: block;
 position: relative;
 box-sizing: border-box;
 text-align: left;
 font-family: "usual";
 font-size: 1.2vw;
 line-height: 1.5vw;
 width: 75%;
 height: auto;
 padding: 1vw 0 0 0;
 color: #650303;
}
.noise-drizzle-text p {
 margin-top: 0.5vw;
}
.noise-drizzle-text-tag2 {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: left;
 font-family: "usual";
 font-size: 1.2vw;
 line-height: 1.5vw;
 font-weight: bold;
 color: #650303;
 padding: 0.5vw 0 0 0;
}

.noise-drizzle-logo2-outer {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 70%;
 height: 11vw;
 text-align: left;
 top: 35vw;
 left: -35%;
 animation-name: pulseAnimation;
 animation-duration: 2s;
 animation-timing-function: ease;
 animation-iteration-count: infinite;
 animation-fill-mode: both;
 cursor: pointer;
 z-index: 3001;
}
.noise-drizzle-logo2 {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 45%;
 height: 100%;
 text-align: left;
 top: 0;
 right: 0;
 z-index: 3000;
 transform: rotate(0);
}
.noise-drizzle-logo2:hover + .noise-drizzle-pairing-outer {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 70%;
 height: auto;
 text-align: left;
 top: 10.5vw;
 left: 27%;
 z-index: 1000;
 transform: rotate(0);
}
.noise-drizzle-logo2:hover {
 display: block;
 animation-direction: alternate;
 animation: bounce 0.3s infinite;
}
@keyframes pulseAnimation {
 0%,
 100% {
  transform: scale(1);
 }
 50% {
  transform: scale(1.15);
 }
}
@keyframes bounce {
 0% {
  transform: translate(0, 0) rotate(0deg);
 }

 25% {
  transform: translate(5px, 5px) rotate(15deg);
 }

 50% {
  transform: translate(0, 0) rotate(0deg);
 }

 75% {
  transform: translate(-15px, 5px) rotate(-5deg);
 }

 100% {
  transform: translate(0, 0) rotate(0deg);
 }
}
.noise-drizzle-logo2 img {
 display: block;
 width: 100%;
 transform: rotate(0);
}

.noise-drizzle-food {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 70%;
 height: 7vw;
 text-align: left;
 bottom: 30vw;
 right: -20%;
}
.noise-drizzle-food {
 display: block;
 position: absolute;
 box-sizing: border-box;
}
.noise-drizzle-food img {
 display: block;
 width: 100%;
}
.noise-drizzle-pairing-image {
 display: block;
 position: absolute;
 width: 12%;
 height: 6vw;
 top: 45vw;
 left: 14%;
 z-index: 302;
}
.noise-drizzle-pairing-image {
 display: block;
}
.noise-drizzle-pairing-image img {
 display: block;
 width: 100%;
}
.noise-drizzle-pairing-outer {
 display: none;
 position: absolute;
 box-sizing: border-box;
 width: auto;
 height: 2vw;
 text-align: left;
 top: 45vw;
 left: -18vw;
 background-color: white;
 border-radius: 10px;
 padding: 2.5%;
 animation: grow 0.5s forwards;
 z-index: 1001;
}
@keyframes grow {
 from {
  transform: scale(0);
 }
 to {
  transform: scale(1);
 }
}
.noise-drizzle-pairing-header {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: left;
 font-family: "Anton", sans-serif;
 font-size: 1.8vw;
 line-height: 2vw;
 color: #e52a29;
 text-transform: uppercase;
 padding: 0;
}

.noise-drizzle-pairing-text {
 display: block;
 position: relative;
 box-sizing: border-box;
 text-align: left;
 font-family: "usual";
 font-size: 1vw;
 line-height: 1.2vw;
 width: 100%;
 height: auto;
 padding: 0.5vw 0 0 0;
 color: #650303;
}

.noise-drizzling-image {
 display: block;
 position: absolute;
 width: 10%;
 height: 10vw;
 top: 5vw;
 left: 20%;
 background-color: red;
}

.noise-drizzling-image img {
 display: block;
 width: 100%;
}

.noise-drizzle-block-outer {
 display: block;
 position: absolute;
 box-sizing: border-box;
 width: 30%;
 right: 9%;
 top: 7vw;
 height: auto;
}
.noise-drizzle-image {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 65%;
 padding: 0;
 height: 20vw;
 background-size: 100%;
 background-repeat: no-repeat;
 background: cover;
}

.noise-drizzle-image img {
 display: block;
 width: 100%;
}

/* REGISTER BANNER */
.noise-register-block {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 padding: 3vw 0;
 height: 90vw;
 text-align: right;
 background-color: #e52a29;
 background-size: 100%;
 background-repeat: no-repeat;
 background: cover;
}

.noise-register-block-right {
 display: inline-block;
 position: relative;
 box-sizing: border-box;
 width: 44%;
 height: auto;
 text-align: center;
 padding: 2vw 3%;
}

.noise-register-block-right img {
 display: block;
 width: 100%;
}

.noise-register-block-left {
 display: inline-block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: 20vw;
 text-align: center;
 padding: 2vw 0 0 0;
}

.noise-register-text-outer {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: center;
 padding: 2vw 0 0 0;
}

.noise-register-text-header {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: center;
 font-family: "Anton", sans-serif;
 font-size: 6vw;
 line-height: 6vw;
 color: #fee7d5;
 text-transform: uppercase;
 padding: 0.7vw 0 0 0;
}

.noise-register-text {
 display: block;
 position: relative;
 box-sizing: border-box;
 text-align: center;
 font-family: "usual";
 font-size: 1.5vw;
 line-height: 1.5vw;
 width: 100%;
 height: auto;
 padding: 3vw 25% 0 25%;
 color: #fee7d5;
}
.noise-register-text p {
 margin-top: 1vw;
}

.noise-register-countdown {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: center;
 padding: 0;
}

#noise-register-submit {
 display: block;
 position: relative;
 color: #e52a29;
 background-color: #fee7d5;
 padding: 3vw 2% 3vw 2%;
 width: 25%;
 height: auto;
 text-align: center;
 font-family: "Anton", sans-serif;
 font-size: 5vw;
 line-height: 2vw;
 border-radius: 0;
 margin: 2vw auto 3vw auto;
 font-weight: normal;
 overflow: visible;
 z-index: 1000;
}
#noise-register-submit:hover {
 display: block;
 color: #fee7d5;
 background-color: #650303;
 padding: 3vw 2% 3vw 2%;
}

#noise-register-submit img {
 display: block;
 width: 100%;
 height: auto;
}

.noise-drizzle-logo2:hover {
 display: block;
 animation-direction: alternate;
 animation: bounce 0.3s infinite;
}

/*Where TO BUY*/

.noise-buy {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 margin-top: 0;
 overflow: hidden;
 background-color: #f2e8de;
 color: white;
 z-index: 10;
}
.noise-buy-block {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 margin: 6vw 0 5vw 0;
 height: 48vw;
 text-align: center;
}
.noise-buy-text-header {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: center;
 font-family: "Anton", sans-serif;
 font-size: 6vw;
 line-height: 5vw;
 text-transform: uppercase;
 color: #e52a29;
 padding: 0 20% 1vw 20%;
}
.noise-buy-text-sub-header {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: center;
 font-family: "Anton", sans-serif;
 font-size: 3vw;
 line-height: 3vw;
 text-transform: uppercase;
 color: #650303;
 padding: 1vw 20% 1vw 20%;
}
.noise-buy-text-sub-header2 {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: center;
 font-family: "usual";
 font-size: 1.3vw;
 line-height: 1.8vw;
 text-transform: uppercase;
 color: #650303;
 padding: 1vw 20% 1vw 20%;
 font-weight: bold;
}
.noise-buy-outer {
 display: inline-block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 padding: 4vw 5% 1vw 5%;
 margin-top: 0;
 text-align: center;
}
.noise-buy-logo {
 display: inline-block;
 position: relative;
 box-sizing: border-box;
 width: auto;
 height: 2.4vw;
 margin: 0 1.5%;
 float: left;
}
.noise-buy-logo img {
 display: block;
 width: auto;
 height: 100%;
}
.noise-buy-logo2 {
 display: inline-block;
 position: relative;
 box-sizing: border-box;
 width: auto;
 height: 2.4vw;
 margin: 0 1.5%;
 float: left;
}

.noise-buy-logo2 img {
 display: block;
 width: auto;
 height: 100%;
}
.noise-buy-logo3 {
 display: inline-block;
 position: relative;
 box-sizing: border-box;
 width: auto;
 height: 2.4vw;
 margin: 0 1.5%;
 float: left;
}

.noise-buy-logo3 img {
 display: block;
 width: auto;
 height: 100%;
}

.buy-image {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 30%;
 height: auto;
 margin: 1vw 35%;
 z-index: 11;
}
.buy-image img {
 display: block;
 width: 100%;
}

/*noise-INSTAGRAM*/
.noise-insta {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 margin-top: 0;
 overflow: hidden;
 background-color: #e52a29;
 padding-bottom: 6vw;
 text-align: center;
}

.noise-insta-block {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 70%;
 margin: 4vw auto 0 auto;
 height: auto;
}

.noise-insta-text-header {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: center;
 font-family: "Anton", sans-serif;
 font-size: 6vw;
 line-height: 5.8vw;
 text-transform: uppercase;
 color: #fee7d5;
 padding: 0 20% 1vw 20%;
}
.noise-insta-text-sub-header {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 text-align: center;
 font-family: "Anton", sans-serif;
 font-size: 5vw;
 line-height: 6vw;
 text-transform: uppercase;
 color: #fee7d5;
 padding: 1vw 5% 1vw 5%;
}
.noise-buy-text {
 display: block;
 position: relative;
 box-sizing: border-box;
 text-align: center;
 font-family: "usual";
 font-size: 1.5vw;
 line-height: 2vw;
 width: 100%;
 height: auto;
 padding: 1vw 25% 0 25%;
 color: #650303;
}
.noise-insta-outer {
 display: inline-block;
 position: relative;
 box-sizing: border-box;
 width: 90%;
 height: auto;
 padding: 1.5vw;
 margin-top: 3vw;
 border-radius: 0;
}
.noise-insta-text {
 display: inline-block;
 position: relative;
 box-sizing: border-box;
 font-size: 1.5vw;
 line-height: 2vw;
 width: 100%;
 padding: 2vw;
 color: #650303;
}

.noise-insta-button {
 display: block;
 position: relative;
 color: #e52a29;
 background-color: #fee7d5;
 padding: 3vw 2% 3vw 2%;
 width: 32%;
 height: auto;
 text-align: center;
 font-family: "Anton", sans-serif;
 font-size: 5vw;
 line-height: 2vw;
 border-radius: 0;
 margin: 3vw auto 0 auto;
 font-weight: normal;
 overflow: visible;
 z-index: 2;
 text-decoration: none;
}
.noise-insta-button:hover {
 display: block;
 color: #fee7d5;
 background-color: #650303;
}

/*to hide the scrollbars*/
::-webkit-scrollbar {
 display: none;
}

@media only screen and (max-width: 820px) {
 .noise-menu {
  top: 74px;
  height: 7vw;
 }
 .noise-menu-text {
  height: 5vw;
  padding: 2.5vw 1.5vw;
  font-size: vw;
  line-height: 2.5vw;
 }
 .noise-kv {
  margin-top: 4vw;
 }
 .noise-intro-text {
  font-size: 3vw;
  line-height: 4vw;
  width: 100%;
  height: auto;
  padding: 1vw 15% 0 15%;
 }
 .noise-intro-block {
  padding: 1vw 0 5vw 0;
  height: 125vw;
 }
 .noise-register-text {
  font-size: 2vw;
  line-height: 3vw;
  width: 100%;
  height: auto;
  padding: 3vw 25% 0 25%;
  color: #fee7d5;
 }
 .noise-register-text p {
  margin-top: 1vw;
 }
 .noise-crunch-header {
  font-family: "Anton", sans-serif;
  font-size: 9vw;
  line-height: 9vw;
  padding: 10vw 0 0 0;
 }
 .noise-crunch-bg-1 {
  top: 58vw;
  left: 0;
  width: 15%;
 }
 .noise-crunch-bg-2 {
  top: 60vw;
  right: -2%;
  width: 15%;
 }
 .noise-crunch-bg-3 {
  top: 100vw;
  right: 0;
  width: 27%;
 }
 .noise-crunch-block {
  height: 86vw;
 }
 .noise-crunch-text-tag {
  font-size: 3vw;
  line-height: 5vw;
  padding: 1vw 0;
 }
 .noise-crunch-text-tag2 {
  font-size: 2vw;
  line-height: 2.5vw;
  padding: 0.5vw 0;
 }
 .noise-crunch-text {
  font-size: 2vw;
  line-height: 2.5vw;
  width: 100%;
  padding: 0;
 }
 .noise-crunch-logo2-outer {
  width: 70%;
  height: 20vw;
  top: 43vw;
  left: -15vw;
 }
 .noise-crunch-food {
  width: 70%;
  top: 30vw;
 }
 .noise-crunch-logo2:hover + .noise-crunch-pairing-outer {
  width: 100%;
  top: 10vw;
  left: 10vw;
  transform: rotate(-6deg);
 }
 .noise-crunch-pairing-header {
  font-size: 2.2vw;
  line-height: 2.5vw;
 }
 .noise-crunch-pairing-text {
  font-size: 1.5vw;
  line-height: 1.8vw;
 }
 .noise-dollop-block {
  height: 60vw;
 }
 .noise-dollop-text-tag {
  font-size: 3vw;
  line-height: 5vw;
  padding: 1vw 0;
 }
 .noise-dollop-text-tag2 {
  font-size: 2vw;
  line-height: 2.5vw;
  padding: 0.5vw 0;
 }
 .noise-dollop-text {
  font-size: 2vw;
  line-height: 2.5vw;
  width: 100%;
  padding: 0;
 }
 .noise-dollop-text-outer {
  width: 90%;
  left: 30%;
 }
 .noise-dollop-logo2-outer {
  width: 70%;
  height: 20vw;
  top: 43vw;
  left: 60%;
 }
 .noise-dollop-food {
  width: 80%;
  top: 42vw;
 }
 .noise-dollop-logo:hover + .noise-dollop-pairing-outer {
  width: 100%;
  top: 10vw;
  left: 10vw;
  transform: rotate(-6deg);
 }
 .noise-dollop-pairing-header {
  font-size: 2.2vw;
  line-height: 2.5vw;
 }
 .noise-dollop-pairing-text {
  font-size: 1.5vw;
  line-height: 1.8vw;
 }
 .noise-dollop-product-image-back {
  top: 5vw;
  left: 20%;
 }
 .noise-dollop-product-image {
  width: 65%;
  top: 6vw;
  left: 35%;
 }
 .noise-dollop-new {
  left: 54%;
 }
 .noise-drizzle-block {
  height: 68vw;
 }
 .noise-drizzle-text-tag {
  font-size: 3vw;
  line-height: 5vw;
  padding: 1vw 0;
 }
 .noise-drizzle-text {
  font-size: 2vw;
  line-height: 2.5vw;
  width: 100%;
  padding: 0;
 }
 .noise-drizzle-text-tag2 {
  font-size: 2vw;
  line-height: 2.5vw;
  padding: 0.5vw 0;
 }
 .noise-drizzle-logo2-outer {
  height: 22vw;
  top: 44vw;
  left: -40%;
 }
 .noise-drizzle-food {
  width: 70%;
  top: 28vw;
 }
 .noise-drizzle-logo2:hover + .noise-drizzle-pairing-outer {
  width: 90%;
  top: 10vw;
  left: 20vw;
  transform: rotate(-6deg);
 }
 .noise-drizzle-pairing-header {
  font-size: 2.2vw;
  line-height: 2.5vw;
 }
 .noise-drizzle-pairing-text {
  font-size: 1.5vw;
  line-height: 1.8vw;
 }
 .noise-drizzle-product-image {
  width: 60%;
  top: 10vw;
 }
 .noise-register-block {
  height: 110vw;
 }
}

@media only screen and (max-width: 461px) {
 .noise-wrapper {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin-top: 0;
  overflow: hidden;
  padding: 6vw 0 0 0;
 }

 /* MENU BANNER */
 .noise-menu-mobile {
  display: none;
 }

 .noise-menu {
  display: block;
  position: fixed;
  top: 75px;
  padding: 4vw 0 3vw;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  text-align: center;
  background-color: #e52a29;
  z-index: 9000;
 }

 .noise-menu-text {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: auto;
  height: auto;
  padding: 1vw 2vw;
  align-items: center;
  font-size: 5vw;
  line-height: 5vw;
  letter-spacing: 1px;
  color: #f2e8dc;
 }

 #welcome,
 #introduction,
 #event,
 #buy,
 #foodtrial {
  top: -155px;
  position: absolute;
 }

 /*NOISE-KV*/
 .fashionweek-kv-mobile {
  display: none;
 }

 .noise-kv {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 175vw;
  margin-top: 60px;
  overflow: hidden;
 }

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

 /*VIDEO*/
 .noise-video {
  padding: 0;
 }
 .noise-video-image {
  height: 60vw;
  background-color: #e52a29;
  padding: 0;
  z-index: 500;
 }
 /*INTRODUCTION*/
 .noise-intro-block {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 0 0;
  height: auto;
  text-align: center;
 }
 .noise-intro-header {
  font-size: 13vw;
  padding: 15vw 0 0;
 }

 .noise-intro-text-header {
  font-size: 15vw;
  line-height: 15vw;
  padding: 0 5% 1vw 5%;
 }

 .noise-intro-text {
  font-size: 5vw;
  line-height: 6vw;
  padding: 10vw 9% 10vw 9%;
 }
 .noise-intro-text-tag {
  font-size: 7vw;
  line-height: 5vw;
  padding: 1vw 0 0;
 }
 .noise-crunch-bg-1 {
  display: none;
  position: absolute;
  box-sizing: border-box;
  top: 30vw;
  left: 0;
  width: 15%;
  height: auto;
  z-index: 150;
 }
 .noise-crunch-bg-1 img {
  display: block;
  width: 100%;
 }
 .noise-crunch-bg-2 {
  display: none;
  position: absolute;
  box-sizing: border-box;
  top: 30vw;
  right: -2%;
  width: 15%;
  height: auto;
  z-index: 150;
 }
 .noise-crunch-bg-2 img {
  display: block;
  width: 100%;
 }
 .noise-crunch-bg-3 {
  display: none;
  position: absolute;
  box-sizing: border-box;
  top: 72vw;
  right: 0;
  width: 27%;
  height: auto;
  z-index: 150;
 }
 .noise-crunch-bg-3 img {
  display: block;
  width: 100%;
 }

 .noise-intro-image {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 0 20%;
  z-index: 11;
 }

 /*CRUNCH*/
 .noise-crunch-block {
  width: 100%;
  height: 246vw;
 }
 .noise-crunch-block-left {
  width: 100%;
  padding: 0;
  height: 55vw;
 }
 #crunch1,
 #crunch2 {
  top: -300px;
  position: absolute;
 }
 .noise-crunch-product-image {
  width: 50%;
  top: 10vw;
  left: 22%;
  height: 20vw;
  z-index: 300;
  animation: grow 0.5s forwards;
 }
 .noise-crunch-product-image-back {
  width: 80%;
  top: 1vw;
  left: 10%;
  z-index: 0;
  animation: grow2 0.5s forwards;
 }
 .noise-crunch-veg-logo {
  width: 13%;
  top: 52vw;
  left: 4%;
 }
 .individual-icons {
  font-size: 2vw;
  font-weight: 600;
  line-height: 3vw;
  margin-bottom: 2vw;
 }
 .noise-crunch-block-right {
  width: 100%;
  padding: 0;
  height: 55vw;
 }
 .noise-crunch-text-outer {
  width: 80%;
  top: 46vw;
  left: 10%;
 }
 .noise-crunch-text-tag {
  font-size: 6vw;
  line-height: 6vw;
  padding: 2vw 0 0 0;
 }

 .noise-crunch-text-header {
  width: 100%;
  font-size: 9vw;
  line-height: 9vw;
  padding: 3vw 0 0 0;
 }

 .noise-crunch-text {
  font-size: 4vw;
  line-height: 5vw;
  width: 100%;
  padding: 2vw 0 0 0;
 }
 .noise-crunch-text-tag2 {
  font-size: 4vw;
  line-height: 4vw;
  padding: 1vw 0;
 }

 .noise-crunch-logo2-outer {
  width: 65%;
  height: 20vw;
  top: 105vw;
  left: 0;
  z-index: 3001;
 }
 .noise-crunch-logo2 {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 60%;
  height: 100%;
  text-align: left;
  top: 0;
  left: 10vw;
  z-index: 3000;
  transform: rotate(-6deg);
 }
 .noise-crunch-logo2:hover + .noise-crunch-pairing-outer {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  text-align: left;
  top: 25vw;
  left: 15%;
  z-index: 100;
  transform: rotate(-6deg);
 }

 .noise-crunch-food {
  width: 70%;
  top: 80vw;
  z-index: 1000;
 }
 .noise-crunch-pairing-image {
  width: 15%;
  top: 124vw;
  left: 12%;
 }
 .noise-crunch-pairing-outer {
  width: 60%;
  top: 120vw;
  left: 35%;
  height: auto;
  border-radius: 10px;
  padding: 2.5%;
  z-index: 1004;
 }
 .noise-crunch-pairing-header {
  font-size: 4vw;
  line-height: 5vw;
 }

 .noise-crunch-pairing-text {
  font-size: 3vw;
  line-height: 4vw;
  padding: 1vw 0 0 0;
 }
 .noise-crunch-header {
  font-size: 13vw;
  line-height: 13vw;
  padding: 15vw 10% 0 10%;
 }

 /*dollop*/
 .noise-dollop-block {
  height: 206vw;
  z-index: 100;
 }
 .noise-dollop-block-left {
  width: 100%;
 }
 .noise-dollop-product-image {
  top: 10vw;
  left: 22%;
  /* Apply the animation */
  opacity: 0; /* Keep hidden initially */
  animation: right 0.5s ease-out forwards;
  animation-delay: 0; /* Wait 2 seconds before starting */
  animation-fill-mode: forwards; /* Stay at 0% (hidden) during the delay */
 }
 .noise-dollop-product-image-back {
  width: 80%;
  top: 13vw;
  left: 16%;
  z-index: 299;
  animation: grow4 1s forwards;
 }
 .noise-dollop-taste-image {
  display: block;
  position: absolute;
  width: 25%;
  height: 25vw;
  top: 34vw;
  left: 78%;
  z-index: 301;
 }
 .noise-dollop-veg-logo {
  width: 13%;
  top: 15vw;
  left: 4%;
  z-index: 301;
 }
 .individual-icons-2 {
  font-size: 2vw;
  font-weight: 600;
  line-height: 3vw;
  margin-bottom: 2vw;
 }
 .noise-dollop-new {
  top: 16vw;
  left: 35%;
  z-index: 1000;
 }
 .noise-dollop-block-right {
  width: 100%;
  padding: 0;
 }
 .noise-dollop-text-outer {
  top: 50vw;
  left: 9%;
  width: 90%;
 }
 .noise-dollop-text-tag {
  font-size: 6vw;
  line-height: 6vw;
  padding: 3vw 0 0 0;
 }
 .noise-dollop-text-header {
  width: 100%;
  font-size: 9vw;
  line-height: 9vw;
  padding: 3vw 0 0 0;
 }

 .noise-dollop-text {
  font-size: 4vw;
  line-height: 5vw;
  width: 100%;
  padding: 2vw 0 0 0;
 }
 .noise-dollop-text-tag2 {
  font-size: 4vw;
  line-height: 4vw;
  padding: 1vw 0;
 }
 .noise-dollop-logo2-outer {
  width: 65%;
  height: 10vw;
  top: 115vw;
  left: 35%;
  z-index: 1000;
 }
 .noise-dollop-logo {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 45%;
  height: auto;
  text-align: left;
  top: 0;
  left: 0;
  z-index: 2000;
 }
 .noise-dollop-logo:hover + .noise-dollop-pairing-outer {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 85%;
  height: auto;
  text-align: left;
  top: 22vw;
  left: 2%;
  z-index: 1;
 }
 .noise-dollop-logo:hover {
  display: block;
  animation-direction: alternate;
  animation: roll 1s infinite;
 }
 @keyframes pulseAnimation {
  0%,
  100% {
   transform: scale(1);
  }
  50% {
   transform: scale(1.2);
  }
 }
 @keyframes roll {
  0% {
   transform: rotate(0deg) scale(1);
  }
  100% {
   transform: rotate(50deg) scale(1.1);
  }
 }
 .noise-dollop-food {
  width: 70%;
  top: 115vw;
  left: -11%;
  z-index: 100;
 }
 .noise-dollop-pairing-image {
  width: 15%;
  top: 110vw;
  left: 70%;
  z-index: 302;
 }
 .noise-dollop-pairing-outer {
  width: 60%;
  top: 105vw;
  left: 10%;
  border-radius: 10px;
  padding: 2.5%;
  z-index: 302;
 }
 .noise-dollop-pairing-header {
  font-size: 4vw;
  line-height: 5vw;
 }
 .noise-dollop-pairing-text {
  font-size: 3vw;
  line-height: 4vw;
  padding: 1vw 0 0 0;
 }
 /*DRIZZLE*/
 .noise-drizzle-block {
  width: 100%;
  height: 221vw;
 }
 .noise-drizzle-top-curve img {
  display: block;
  width: 100%;
 }
 .noise-drizzle-block-left {
  width: 100%;
 }
 .noise-drizzle-product-image {
  display: none;
  position: absolute;
  box-sizing: border-box;
  width: 55%;
  top: 9vw;
  left: 24%;
  height: 20vw;
  z-index: 300;
  animation: grow 0.5s forwards;
 }
 .noise-drizzle-product-image-back {
  width: 90%;
  top: -56vw;
  left: 0;
  height: 100%;
  margin-left: 10%;
 }
 .noise-drizzle-taste-image {
  display: block;
  position: absolute;
  width: 25%;
  height: 25vw;
  top: 16vw;
  left: 72%;
  z-index: 302;
 }
 .noise-drizzle-veg-logo {
  width: 13%;
  top: 20vw;
  left: 4%;
  z-index: 100;
 }
 .noise-drizzle-block-right {
  width: 100%;
 }
 .noise-drizzle-text-outer {
  width: 80%;
  top: 50vw;
  left: 10%;
  z-index: 100;
 }
 .noise-drizzle-text-tag {
  font-size: 6vw;
  line-height: 6vw;
  padding: 3vw 0 0 0;
 }
 .noise-drizzle-text-header {
  width: 100%;
  font-size: 9vw;
  line-height: 9vw;
  padding: 3vw 0 0 0;
 }
 .noise-drizzle-text {
  font-size: 4vw;
  line-height: 5vw;
  width: 100%;
  padding: 2vw 0 0 0;
 }
 .noise-drizzle-text-tag2 {
  font-size: 4vw;
  line-height: 4vw;
  padding: 1vw 0;
 }
 .noise-drizzle-logo2-outer {
  width: 70%;
  top: 112vw;
  left: 10%;
  z-index: 100;
 }
 .noise-drizzle-logo2 {
  top: 0;
  left: 0;
 }
 .noise-drizzle-logo2:hover + .noise-drizzle-pairing-outer {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 80%;
  height: auto;
  text-align: left;
  top: 25vw;
  left: 0;
  z-index: 1000;
  transform: rotate(0);
 }
 .noise-drizzle-food {
  width: 60%;
  top: 95vw;
  right: 0;
 }
 .noise-drizzle-pairing-image {
  width: 15%;
  top: 120vw;
  left: 75%;
  z-index: 302;
 }
 .noise-drizzle-pairing-outer {
  width: 60%;
  top: 116vw;
  left: 10%;
  z-index: 1004;
 }
 .noise-drizzle-pairing-header {
  font-size: 4vw;
  line-height: 5vw;
 }
 .noise-drizzle-pairing-text {
  font-size: 3vw;
  line-height: 4vw;
  padding: 1vw 0 0 0;
 }

 /* REGISTER BANNER */
 .noise-register-block {
  padding: 6vw 0;
  height: 200vw;
 }
 .noise-register-text-header {
  font-size: 13vw;
  line-height: 13vw;
  color: #fee7d5;
  text-transform: uppercase;
  padding: 8vw 10% 0 10%;
 }

 .noise-register-text {
  font-size: 4vw;
  line-height: 5vw;
  padding: 3vw 5% 0 5%;
  width: 100%;
 }
 #noise-register-submit {
  padding: 6vw 2% 6vw 2%;
  width: 50%;
  font-size: 7vw;
  line-height: 7vw;
  border-radius: 0;
  margin: 5vw auto 0 auto;
 }
 #noise-register-submit:hover {
  padding: 6vw 2% 6vw 2%;
 }
 #noise-register-submit2 {
  width: 100%;
  height: 5vw;
  top: 57vw;
  left: 0;
 }

 /*NOISE-BUY*/
 .noise-buy {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 500vw;
  margin-top: 0;
  overflow: hidden;
  background-color: #fee7d5;
  color: white;
  z-index: 10;
 }

 .noise-buy {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin-top: 0;
  overflow: hidden;
  color: white;
  padding-bottom: 0;
  text-align: center;
 }

 .noise-buy-block {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: -2vw auto 6vw auto;
  height: auto;
  background-color: #fee7d5;
 }

 .noise-buy-text-header {
  font-size: 13vw;
  line-height: 13vw;
  padding: 5vw 0 2vw;
 }
 .noise-buy-text-sub-header {
  font-size: 6vw;
  line-height: 7vw;
  padding: 8vw 20% 1vw;
 }
 .noise-buy-text-sub-header2 {
  font-size: 5vw;
  line-height: 6vw;
  padding: 1vw 10% 1vw 10%;
 }
 .noise-buy-text {
  font-size: 4vw;
  line-height: 5vw;
  width: 100%;
  padding: 8vw 5%;
 }
 .noise-buy-outer {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 5vw 0;
 }
 .noise-buy-logo {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 8vw;
  margin: 3vw 1vw;
 }

 .noise-buy-logo img {
  display: block;
  width: 100%;
 }

 .noise-buy-logo2 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: auto;
  height: 10vw;
  margin: 3vw 37vw;
  text-align: center;
 }
 .noise-buy-logo img {
  display: block;
  width: 100%;
 }
 .noise-buy-logo3 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: auto;
  height: 10vw;
  margin: 3vw 33vw;
  text-align: center;
 }
 .noise-buy-logo3 img {
  display: block;
  width: 100%;
 }
 .buy-image {
  width: 60%;
  margin: 10vw 20% 3vw;
 }

 /*STF-INSTAGRAM*/
 .noise-insta {
  width: 100%;
  padding-bottom: 2vw;
 }

 .noise-insta-block {
  width: 95%;
  margin: 15vw auto 8vw auto;
 }

 .noise-insta-text-header {
  width: 100%;
  font-size: 13vw;
  line-height: 13vw;
  color: #fee7d5;
  padding: 0;
  margin: 15vw 0 5vw 0;
 }
 .noise-insta-text {
  font-size: 4vw;
  line-height: 5vw;
  width: 60%;
  color: #fee7d5;
  padding: 4vw 20% 8vw 20%;
 }
 .noise-insta-button {
  padding: 6vw 2% 6vw 2%;
  width: 50%;
  font-size: 7vw;
  line-height: 7vw;
  border-radius: 0;
  margin: 10vw auto 0 auto;
 }

 /*SCROLLING*/
 .text-scrolling {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 30vw;
  padding: 9vw 0 0 0;
  z-index: 96;
  margin-top: -1.1vw;
  vertical-align: middle;
  --mask: conic-gradient(
    from -45deg at bottom,
    #0000,
    #000 1deg 89deg,
    #0000 90deg
   )
   50%/2vw 100%;
  -webkit-mask: var(--mask);
  mask: var(--mask);
 }
}