.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Simplysans, sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 88px;
}

img {
  max-width: 100%;
  display: inline-block;
}

.body {
  min-width: 1100px;
  color: #dd5353;
  background-color: #fffaf5;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  overflow: hidden;
}

.hero-section {
  background-image: url('../images/Hero-background.png');
  background-position: 0 0;
  background-size: auto;
}

.container {
  width: auto;
  max-width: none;
  text-align: left;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 60px;
  margin-right: 60px;
  display: flex;
  position: static;
}

.container.nav-menu {
  margin-left: 60px;
  margin-right: 60px;
  font-family: Simplysans, sans-serif;
  font-weight: 400;
}

._2-col-grid {
  grid-column-gap: 75px;
  grid-row-gap: 74px;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 1fr) minmax(500px, 1fr);
  grid-auto-flow: row;
  align-self: flex-start;
  margin-bottom: 46px;
  margin-left: 0;
}

.content-wrapper {
  width: 500px;
  justify-content: center;
  align-items: center;
  margin-left: 100px;
  padding-left: 0;
  display: flex;
}

.paragraph {
  width: 384px;
  color: #2e292b;
  margin-bottom: 32px;
  font-family: Simplysans, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.hero-header {
  text-align: left;
  margin-top: 16px;
}

.hero-header.faded {
  opacity: .4;
}

.secondary-button {
  color: #dd5353;
  background-color: #fffaf5;
  border: 1px solid #dd5353;
  margin-top: 0;
  font-family: Simplysans, sans-serif;
  line-height: 36px;
}

.secondary-button:hover {
  color: #650d05;
  border-color: #650d05;
}

.secondary-button.anniversary-button {
  z-index: 0;
  height: 72px;
  text-align: center;
  white-space: normal;
  background-color: #fbefdb;
  border-style: solid none solid solid;
  border-color: #2e292b;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 0 60px;
  font-weight: 700;
  line-height: 30px;
  display: flex;
  position: relative;
}

.secondary-button.anniversary-button:hover {
  color: #fbefdb;
  background-color: #650d05;
}

.hero-slider {
  width: 500px;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex: 0 auto;
  margin-left: 0;
  display: block;
  overflow: visible;
}

.slider-mask {
  margin-bottom: 0;
}

.slider-slide {
  width: 500px;
  object-fit: fill;
  overflow: visible;
}

.slider-arrow.left-arrow {
  display: none;
  left: -415px;
}

.slider-arrow.right-arrow, .icon, .icon-2 {
  display: none;
  overflow: hidden;
}

.hero-slider-nav {
  width: 50px;
  height: auto;
  float: left;
  clear: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 262px;
  margin-left: -72px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  top: -56px;
  bottom: 0%;
  left: 0%;
  right: auto;
  overflow: visible;
}

.navbar {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 16px;
  padding-bottom: 16px;
  position: static;
}

.text-block {
  color: #650d05;
  text-transform: uppercase;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin: 0 60px 0 0;
  font-family: Batavia, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.main-logo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.navlink {
  float: none;
  clear: none;
  color: #650d05;
  letter-spacing: 1.12px;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  font-family: Simplysans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  right: auto;
}

.navlink:hover {
  color: #dd5353;
}

.nav-menu {
  width: auto;
  float: left;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  right: auto;
}

.anniversary {
  z-index: 3;
  height: 72px;
  min-height: 72px;
  text-align: left;
  white-space: normal;
  background-color: #fbefdb;
  border: 1px solid #2e292b;
  border-style: solid none;
  justify-content: space-between;
  align-items: center;
  margin-top: 46px;
  margin-bottom: 46px;
  display: flex;
  position: relative;
}

.anniversary-logo {
  width: 156px;
  height: 156px;
  max-height: 156px;
  max-width: 156px;
  min-height: 156px;
  min-width: 156px;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 60px;
  font-style: normal;
  display: flex;
  position: relative;
}

.anniversary-logo.label {
  z-index: 2;
  position: absolute;
  top: 350px;
  bottom: 0%;
  left: 54px;
  right: 0%;
}

.anniversary-image {
  width: 156px;
  height: 156px;
  max-height: 156px;
  max-width: 156px;
  min-height: 156px;
  min-width: 156px;
  display: block;
}

.hero-image {
  width: 500px;
  height: 523.733px;
  max-height: 523.733px;
  max-width: 500px;
  min-height: 523.733px;
  min-width: 500px;
}

.anniversary-text {
  color: #2e292b;
  text-align: left;
  -webkit-text-stroke-color: #2e292b;
  white-space: normal;
  align-self: center;
  margin-left: 16px;
  font-family: Simplysans, sans-serif;
  font-weight: 400;
  line-height: 150%;
}

.aniversary-container {
  text-align: center;
  flex: 1;
  justify-content: flex-start;
  display: block;
}

.ingridents-section {
  width: auto;
  height: auto;
  object-fit: fill;
  margin-bottom: 0;
  padding-top: 76px;
  padding-bottom: 76px;
  position: relative;
}

.sub-header {
  text-align: center;
  letter-spacing: .4px;
  column-count: auto;
  object-fit: fill;
  border-bottom: 5px solid #dd5353;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 5px;
  font-family: Simplysans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  display: inline;
}

.section-container {
  z-index: 1;
  width: auto;
  max-width: none;
  min-width: 0;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 120px;
  margin-right: 120px;
  display: flex;
  position: relative;
  overflow: visible;
}

.section-container.age {
  min-width: 992px;
  background-color: #fffaf5;
  background-image: url('../images/Hero-background.png');
  background-position: 0 0;
  background-size: auto;
}

.section-paragraph {
  width: 580px;
  color: #2e292b;
  text-align: center;
  -webkit-text-stroke-color: #2e292b;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Simplysans, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.section-image-wrapper {
  width: 560px;
  height: 560px;
  max-height: 560px;
  max-width: 560px;
  min-height: 560px;
  min-width: 560px;
  background-color: #fffaf5;
  flex-direction: column;
  order: 0;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-top: 24px;
  display: block;
  position: relative;
}

.herbs-circle {
  z-index: 2;
  -webkit-text-fill-color: inherit;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/herbs-circle-background-borderless.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  background-clip: border-box;
  border: 1px #000;
  border-radius: 50%;
  order: -1;
  align-self: center;
  margin-bottom: 0;
  position: relative;
  overflow: visible;
}

.herbs-circle-center {
  z-index: 3;
  width: 112px;
  height: 112px;
  max-height: 112px;
  max-width: 112px;
  min-height: 112px;
  min-width: 112px;
  background-color: #fffaf5;
  background-image: url('../images/Hero-background.png');
  background-position: 0 0;
  background-size: auto;
  border: 1px solid #000;
  border-radius: 50%;
  order: 1;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
  position: absolute;
  top: 40%;
  bottom: 50%;
  left: 40%;
  right: 50%;
  transform: translate(0);
}

.herbs-circle-text {
  z-index: 3;
  clear: none;
  color: #650d05;
  -webkit-text-stroke-color: #fcfcfc;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  font-family: Dszierschrift, sans-serif;
  font-size: 76px;
  font-weight: 400;
  line-height: 67.205px;
  display: flex;
  position: relative;
  left: auto;
  right: auto;
}

.diagram-left-image {
  z-index: 4;
  opacity: .6;
  position: absolute;
  top: 13.5%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.diagram-left-image:hover {
  opacity: 1;
}

.diagram-center-image {
  z-index: 4;
  opacity: .6;
  margin-left: 0;
  position: absolute;
  top: 1.5%;
  bottom: auto;
  left: 28.5%;
  right: auto;
}

.diagram-center-image:hover {
  opacity: 1;
}

.diagram-right-image {
  z-index: 4;
  opacity: .6;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  top: 15.5%;
  bottom: auto;
  left: 68%;
  right: 0%;
}

.diagram-right-image:hover {
  opacity: 1;
}

.border-image-1 {
  width: 409px;
  height: 409px;
  max-height: 409px;
  max-width: 409px;
  min-height: 409px;
  min-width: 409px;
  display: block;
  position: absolute;
  top: 10px;
  bottom: auto;
  left: -80px;
  right: auto;
}

.history-section {
  background-image: url('../images/Hero-background.png');
  background-position: 0 0;
  background-size: auto;
  padding-top: 76px;
  padding-bottom: 76px;
  position: relative;
}

.history-slider {
  z-index: 1;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 40px;
}

.up-arrow {
  top: 5%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.history-slide {
  z-index: 2;
  width: auto;
  max-width: 518px;
  min-height: 344px;
  min-width: auto;
  color: #2e292b;
  background-color: #fffaf5;
  border: 1px solid #000;
  border-radius: 1px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.history-slider-nav {
  width: 120px;
  height: 100%;
  min-width: 120px;
  grid-column-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  font-family: Simplysans, sans-serif;
  display: flex;
  top: 0%;
  bottom: auto;
  left: -127px;
  right: auto;
}

.history-paragraph {
  width: 65%;
  margin-bottom: 0;
  margin-left: 40px;
  font-family: Simplysans, sans-serif;
  font-weight: 400;
  line-height: 24px;
}

.right-arrow-2 {
  margin-bottom: 24px;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.left-arrow-2 {
  margin-top: 24px;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.image-8 {
  position: absolute;
  left: 413px;
}

.mask-2 {
  width: 694px;
}

.border-image-2 {
  width: 724px;
  height: 958px;
  max-height: 958px;
  max-width: 724px;
  min-height: 958px;
  min-width: 724px;
  display: block;
  position: absolute;
  top: -330px;
  bottom: 0%;
  left: auto;
  right: -355px;
}

.product-section {
  padding-top: 76px;
  padding-bottom: 76px;
  position: relative;
}

.border-image-3 {
  width: 643px;
  height: 724px;
  max-height: 724px;
  max-width: 643px;
  min-height: 724px;
  min-width: 643px;
  position: absolute;
  top: 3px;
  bottom: auto;
  left: -267px;
  right: auto;
}

.slide-nav-7 {
  justify-content: space-around;
  display: none;
  top: -40.5px;
}

.product-slider {
  width: auto;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 0;
  left: 744px;
  overflow: visible;
}

.product-slide {
  height: 504px;
  min-width: 220px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.slide {
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  left: auto;
  overflow: visible;
}

.mask-3 {
  width: 25%;
  height: auto;
  left: auto;
  overflow: hidden;
}

.product-image {
  z-index: 2;
  width: 220px;
  min-width: 220px;
  flex: 0 auto;
  margin-left: 0;
  margin-right: 0;
  font-family: Simplysans, sans-serif;
  position: relative;
}

.right-arrow-3 {
  width: auto;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  top: -90px;
  bottom: auto;
  left: 568px;
  right: auto;
  overflow: visible;
}

.left-arrow-3 {
  z-index: 0;
  width: auto;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
  top: -180px;
  left: -120px;
  overflow: visible;
}

.product-background {
  width: 386px;
  height: 386px;
  position: absolute;
  top: 20%;
  left: auto;
}

.product-paragraph {
  min-width: 480px;
  color: #2e292b;
  text-align: center;
  font-family: Simplysans book;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.product-paragraph.body-medium {
  min-width: 496px;
  color: #2e292b;
  text-align: center;
  font-size: 16px;
}

.buy-section {
  background-image: url('../images/Hero-background.png');
  background-size: auto;
  padding-top: 76px;
  padding-bottom: 76px;
  position: relative;
}

.buy-container {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: start;
  margin-top: 40px;
  display: grid;
}

.buy-small-image {
  height: 180px;
  min-width: 280px;
  border: 1px #000;
  border-radius: 0;
  flex: 0 auto;
  position: relative;
  bottom: -90px;
}

.buy-large-image {
  height: 180px;
  min-width: 284px;
  flex: 0 auto;
}

.buy-wrapper {
  height: 100%;
  border: 1px #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: -90px;
  display: flex;
}

.buy-header {
  width: 100%;
  color: #650d05;
  text-align: center;
  letter-spacing: .2px;
  margin-top: 16px;
  margin-bottom: 12px;
  font-family: Simplysans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.body-medium {
  width: auto;
  height: auto;
  min-height: auto;
  min-width: 260px;
  color: #2e292b;
  text-align: left;
  text-transform: none;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #dd5353;
  flex: 0 auto;
  justify-content: center;
  padding-left: 0;
  font-family: Simplysans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: block;
  position: static;
}

.body-medium.buy-link {
  width: 100%;
  color: #650d05;
  text-align: center;
  display: block;
}

.body-medium.buy-link:hover {
  color: #dd5353;
}

.body-medium.buy-text {
  width: 100%;
  min-width: 320px;
  color: #2e292b;
  text-align: center;
  margin-bottom: 0;
  font-weight: 400;
  display: block;
}

.body-medium.prize-text {
  min-height: auto;
  min-width: 153px;
  text-align: center;
  letter-spacing: .6px;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.body-medium.form-success {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.body-medium.error {
  background-color: #ffdede;
  border-style: none;
  padding: 12px;
}

.primary-button {
  height: 52px;
  max-height: 52px;
  min-height: 52px;
  color: #fffaf5;
  text-align: center;
  background-color: #dd5353;
  border: 1px solid #dd5353;
  flex: 0 auto;
  align-self: auto;
  align-items: center;
  padding: 8px 16px;
  font-family: Simplysans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  display: flex;
  position: relative;
  left: auto;
  overflow: visible;
}

.primary-button:hover {
  background-color: #650d05;
  border-color: #650d05;
}

.primary-button.product-button {
  margin-top: 20px;
}

.product-slide-wrapper {
  grid-column-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.buy-wrappe-big {
  min-width: 384px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-10 {
  width: 579px;
  height: 823px;
  max-height: 823px;
  max-width: 579px;
  min-height: 823px;
  min-width: 579px;
  position: absolute;
  top: -445px;
  bottom: 0%;
  left: auto;
  right: -300px;
}

.prize-section {
  padding-top: 76px;
  padding-bottom: 76px;
  position: relative;
}

.prize-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  margin-top: 48px;
  display: grid;
}

.logo-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-image {
  width: auto;
  height: auto;
}

.logo-image.fixed-logo-height {
  height: 96px;
  text-align: left;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
}

.logo-image.fixed-logo-heigh-2 {
  height: 100px;
  text-align: left;
  margin-bottom: 0;
  display: inline-block;
}

.logo-image.fixed-logo-heigh-3 {
  height: 88px;
  text-align: left;
  margin-bottom: 0;
  display: inline-block;
}

.logo-with-text-wrapper {
  height: 120px;
  max-height: 120px;
  min-height: 120px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-19 {
  width: 435px;
  height: 616px;
  max-height: 616px;
  max-width: 435px;
  min-height: 616px;
  min-width: 435px;
  position: absolute;
  top: -120px;
  left: -234px;
}

.anniversary-logo-text {
  width: 130px;
  height: 130px;
  max-height: 130px;
  max-width: 130px;
  min-height: 130px;
  min-width: 130px;
  position: absolute;
  top: 13px;
  bottom: auto;
  left: 13px;
  right: auto;
}

.contact-section {
  background-image: url('../images/contact-background.png');
  background-size: 100% 100%;
  background-attachment: scroll;
  padding-top: 200px;
  padding-bottom: 64px;
  position: relative;
}

.form-label {
  color: #2e292b;
  font-family: Simplysans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  justify-content: stretch;
  align-items: stretch;
  justify-items: stretch;
  display: grid;
}

.form-block {
  height: 86px;
  max-height: 86px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Simplysans, sans-serif;
  font-weight: 400;
  display: flex;
}

.form-block.message {
  height: auto;
  max-height: none;
}

.contact-form {
  margin-top: 16px;
}

.textarea {
  height: auto;
  min-height: 78%;
  color: #2e292b;
}

.textarea.form-text {
  height: 166px;
  min-height: 166px;
  border-radius: 0;
  flex: 0 auto;
  font-family: Simplysans, sans-serif;
  overflow: visible;
}

.footer {
  z-index: 1;
  grid-column-gap: 24px;
  justify-content: space-between;
  margin: 167px 60px 0;
  display: flex;
  position: relative;
}

.form-text {
  min-height: 56px;
  color: #2e292b;
  border: 1px solid #2e292b;
  border-radius: 1px;
  margin-bottom: 4px;
  font-family: Simplysans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.form-text:focus {
  border-width: 2px;
  border-color: #2e292b;
  border-radius: 0;
}

.form-text.error {
  border-color: #dd5353;
}

.footer-logo {
  z-index: 1;
  width: 88px;
  height: 104px;
  max-height: 104px;
  max-width: 88px;
  min-height: 104px;
  min-width: 88px;
  object-fit: fill;
  order: -1;
  display: block;
  position: relative;
  overflow: visible;
}

.footer-text {
  color: #fffaf5;
  margin-bottom: 4px;
  padding-right: 0;
  font-family: Simplysans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.footer-text.small-print {
  opacity: .6;
  font-size: 10px;
  line-height: 150%;
}

.footer-block {
  z-index: 1;
  width: auto;
  order: -1;
  align-self: auto;
  position: relative;
}

.footer-title {
  width: auto;
  height: 24px;
  color: #fffaf5;
  margin-bottom: 8px;
  font-family: Simplysans, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.footer-image {
  width: 32px;
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
}

.footer-icon-block {
  grid-column-gap: 16px;
  justify-content: flex-end;
  margin-bottom: 8px;
  display: flex;
}

.footer-email {
  color: #fffaf5;
  margin-bottom: 4px;
  font-family: Simplysans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.image-22 {
  width: 516px;
  height: 687px;
  max-height: 687px;
  max-width: 516px;
  min-height: 687px;
  min-width: 516px;
  position: absolute;
  top: -200px;
  bottom: auto;
  left: auto;
  right: -204px;
}

.icon-3 {
  width: auto;
  display: block;
  top: 0%;
  bottom: 0%;
  left: -100px;
  right: auto;
  overflow: visible;
}

.icon-4 {
  width: auto;
  display: block;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
  overflow: visible;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.container-2 {
  background-image: url('../images/Hero-background.png');
  background-position: 0 0;
  background-size: auto;
}

.age-verification-image {
  width: 400px;
  height: 400px;
  max-height: 400px;
  max-width: 400px;
  border: 1px solid #000;
  border-radius: 50%;
}

.age-verification-img {
  z-index: 1;
  width: 400px;
  height: 400px;
  max-height: 400px;
  max-width: 400px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 324px;
  right: auto;
}

.age-verification {
  width: auto;
  min-height: 400px;
  min-width: 724px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.age-verification-frame {
  height: 100%;
  min-width: 524px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fffaf5;
  border: 1px solid #000;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding: 32px;
  display: flex;
}

.image-23, .red-logo {
  height: 64px;
  max-height: 64px;
}

.image-24 {
  width: 509px;
  height: auto;
  max-height: none;
  max-width: 509px;
  min-height: auto;
  min-width: 509px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: -120px;
}

.div-block {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.loader {
  z-index: 9999999;
  width: 100%;
  height: 100%;
  background-color: #fffaf5;
  background-image: url('../images/Hero-background.png');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.loader-image {
  z-index: 0;
  width: 54px;
  height: 120px;
  display: block;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.loader-image.overlay {
  z-index: 0;
  width: 54px;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0;
}

.loader-wrapper {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0%;
  left: -27px;
  right: 0%;
}

.loader-wrapper.overlay {
  z-index: 1;
  height: 120px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0;
  right: 0%;
}

.loader-wrapper.mask {
  z-index: 3;
  width: 120px;
  height: 120px;
  background-color: #fffaf5;
  background-image: url('../images/Hero-background.png');
  background-position: 0 0;
  background-size: auto;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-25 {
  height: 120px;
  position: absolute;
}

.loader-mask {
  position: absolute;
  top: 50%;
  left: 50%;
}

.loader-overlay {
  z-index: 3;
  width: 54px;
  height: 120px;
  max-width: 100%;
  background-image: url('../images/loader_full.png');
  background-position: 50% 100%;
  background-size: 54px 120px;
  justify-content: space-around;
  align-items: flex-end;
  display: block;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 27px;
  right: 0%;
  overflow: visible;
}

.primary-button-2 {
  color: #fffaf5;
  text-align: center;
  background-color: #dd5353;
  border: 1px solid #dd5353;
  padding: 8px 16px;
  font-family: Simplysans, sans-serif;
  line-height: 150%;
  display: block;
  position: relative;
  left: auto;
}

.primary-button-2.product-button {
  margin-top: 20px;
}

.product-image-2 {
  z-index: 2;
  width: 220px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.product-slider-2 {
  width: auto;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 40px;
  left: 0;
}

.mask-4 {
  width: 25%;
  height: auto;
  left: auto;
  overflow: visible;
}

.section-container-2 {
  z-index: 1;
  width: auto;
  max-width: none;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: left;
  background-image: url('../images/Hero-background.png');
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 120px;
  margin-right: 120px;
  display: flex;
  position: relative;
}

.product-slide-wrapper-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.product-slide-wrapper-2:active {
  background-color: #650d05;
}

.icon-5 {
  width: 100%;
  display: none;
}

.left-arrow-4 {
  width: 50%;
  display: none;
  overflow: visible;
}

.slide-2 {
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  left: 150%;
  overflow: visible;
}

.product-paragraph-2 {
  min-width: 480px;
  color: #2e292b;
  text-align: center;
  font-family: Simplysans book;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.product-paragraph-2.body-medium {
  color: #2e292b;
  text-align: center;
  font-size: 16px;
}

.icon-6 {
  width: 100%;
  display: block;
  overflow: visible;
}

.right-arrow-4 {
  width: 50%;
  display: none;
  overflow: visible;
}

.image-26 {
  width: 48px;
  height: 48px;
  min-height: 48px;
  min-width: 48px;
  position: absolute;
  left: -100px;
}

.product-slider-arrow {
  width: 48px;
  height: 48px;
  max-height: 48px;
  max-width: 48px;
  min-height: 48px;
  min-width: 48px;
  display: block;
  position: static;
  top: 50%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.product-slider-arrow.left {
  z-index: 2;
  align-self: center;
  font-family: Simplysans, sans-serif;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.product-slider-arrow.left:hover {
  opacity: 0;
  display: block;
  overflow: hidden;
}

.product-slider-arrow.left.hover {
  z-index: 1;
  display: block;
  position: absolute;
}

.product-slider-arrow.left.hover:hover {
  display: block;
}

.product-slider-arrow.right {
  z-index: 1;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.product-slider-arrow.right:hover {
  opacity: 0;
}

.product-slider-arrow.right.hover {
  z-index: 0;
}

.image-27 {
  width: 42px;
  position: static;
}

.success-message {
  background-color: #dde8ca;
  border: 1px solid #80a244;
  padding: 12px;
  font-family: Simplysans, sans-serif;
}

.form-success-wrapper {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.error-message {
  object-fit: fill;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #dd5353;
}

.form-error {
  width: auto;
  height: auto;
  max-width: none;
  grid-column-gap: 0px;
  object-fit: fill;
  background-color: #ffdede;
  border: 1px solid #dd5353;
  border-radius: 1px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.form-error-text {
  font-family: Simplysans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  display: none;
}

.form-error-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-28 {
  margin-left: 8px;
  margin-right: 8px;
}

.hero-stack {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-3 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-two {
  max-width: 750px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.hero-image-2 {
  width: 100%;
  margin-top: 50px;
}

.history-slider-wrapper {
  margin-left: 130px;
}

.footer-background {
  z-index: 0;
  height: 300px;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(#2e292b, #2e292b);
  order: 1;
  align-self: auto;
  font-family: Simplysans, sans-serif;
  display: block;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.link {
  color: #fffaf5;
  font-family: Simplysans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.link:hover {
  color: #dd5353;
}

.small-link {
  opacity: .6;
  color: #fffaf5;
  font-family: Simplysans, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
}

.small-link:hover {
  color: #dd5353;
}

.div-block-2 {
  width: 48px;
  height: 48px;
  max-height: 48px;
  max-width: 48px;
  min-height: 48px;
  min-width: 48px;
  position: relative;
  overflow: visible;
}

.product-arrow-wrapper {
  z-index: 1;
  width: 48px;
  height: 48px;
  max-height: 48px;
  max-width: 48px;
  min-height: 48px;
  min-width: 48px;
  order: -1;
  position: relative;
}

.image-29 {
  width: auto;
  height: auto;
  max-width: none;
  position: absolute;
  left: -120px;
}

.image-30 {
  width: 288px;
  height: 504px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: -120px;
  right: auto;
}

.html-embed {
  width: auto;
}

.body-wrapper {
  position: relative;
}

.buy-frame {
  height: 100%;
  max-height: 100%;
  min-height: 294px;
  min-width: 384px;
  object-fit: fill;
  background-color: #fffaf5;
  border: 1px solid #2e292b;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 90px;
  font-family: Simplysans, sans-serif;
  display: flex;
  overflow: visible;
}

.wholesaler {
  text-align: center;
}

.wholesaler-link {
  color: #650d05;
  text-align: left;
  font-family: Simplysans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.wholesaler-link:hover {
  color: #dd5353;
}

.wholesaler-wrapper {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 32px;
  display: flex;
}

.footer-with-logo {
  grid-column-gap: 24px;
  order: -1;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 991px) {
  .container-3 {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .hero-stack {
    padding: 60px 15px;
  }
}

@media screen and (max-width: 479px) {
  .container-3 {
    max-width: none;
  }
}

#w-node-cabf28f7-443f-a57e-4d67-5b0b2711b811-8039132f, #w-node-_6cc9b4fa-8e2e-3bad-0bb1-2620f84bb31d-8039132f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fb838c84-3da5-8e21-397e-8c48f723d01a-8039132f {
  grid-area: 1 / 4 / 2 / 6;
}

#w-node-_777b276a-7d9e-057c-23f2-f2108422313f-8039132f {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-e72a0732-bdce-f98a-682f-b5adb396955b-8039132f {
  grid-area: 2 / 4 / 3 / 6;
}

#w-node-f9a0737c-dd72-aac0-6482-654cb6b78f63-8039132f {
  grid-area: 2 / 6 / 3 / 8;
}

#w-node-f857626e-5d0f-62cc-d397-88d62a5dbc1a-8039132f {
  grid-area: 2 / 8 / 3 / 10;
}

#w-node-d32dfc00-9248-b928-cc37-73bfcc9a298b-8039132f {
  grid-area: 2 / 10 / 3 / 12;
}

#w-node-b7cd3457-b6ef-48c8-6518-1e9b00b20c38-8039132f {
  grid-area: 1 / 8 / 2 / 10;
}

#w-node-_269834b9-c7c9-3498-a2ce-3a236b2c1802-8039132f {
  grid-area: 1 / 6 / 2 / 8;
}

#w-node-_22daa7b5-e1fc-ceab-af3b-5c64ee34b24e-8039132f {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: auto;
  justify-self: auto;
}

#w-node-_4418a098-c9b0-68ae-3fbc-55f90136546b-8039132f {
  grid-area: 1 / 3 / 2 / 7;
  align-self: auto;
  justify-self: auto;
}

#w-node-_62bd305c-ba39-80a6-2d18-6a6a30427b0f-8039132f {
  grid-area: 2 / 3 / 3 / 7;
}

#w-node-fe2d5d08-09f0-7be2-b5a7-61205ea3ab23-8039132f {
  grid-area: 1 / 7 / 3 / 11;
}

#w-node-_9421b7d3-af2e-ccbf-324f-bba20da15df7-8039132f {
  grid-area: 3 / 10 / 4 / 11;
  align-self: auto;
  justify-self: auto;
}


@font-face {
  font-family: 'Batavia';
  src: url('../fonts/Batavia.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dszierschrift';
  src: url('../fonts/DSZierschrift.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Simplysans';
  src: url('../fonts/SimplySans-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Simplysans';
  src: url('../fonts/SimplySans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}