@media (min-width: 991px) and (max-width: 1300px) {
  .product_flavour_box {
    height: 450px;
  }
}

@media (max-width: 990px) and (min-width: 768px) {
  .product_flavour_box {
    height: 400px;
  }
}

main > section {
  position: relative;
}

div.sticky_per {
  width: 6.4vw;
  height: 3.86667vw;
  text-align: center;
  position: absolute;
  right: 5%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (min-width: 768px) {
  div.sticky_per {
    display: none;
  }
}

div.sticky_per div#sticky {
  right: 5%;
  bottom: 4%;
  z-index: 99;
  opacity: 1;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font-size: 0;
  letter-spacing: 0.1em;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: 10.66667vw;
  height: 10.66667vw;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  position: fixed;
}

div.sticky_per div#sticky::after {
  content: "";
  background-size: 100%;
  position: absolute;
  left: 2vw;
  top: 4vw;
  width: 6.4vw;
  height: 3.86667vw;
  margin-left: -getsm-vw(-10px);
  background: url(../images/icons/s_arrow_b.webp) no-repeat center;
  background-size: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

#arrow02 {
  width: 2.60417vw;
  height: 2.60417vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  left: 5%;
  bottom: 5%;
  z-index: 99;
  opacity: 0.7;
  cursor: pointer;
}

@media (max-width: 767px) {
  #arrow02 {
    width: 10.66667vw;
    height: 10.66667vw;
  }
}

#arrow02:hover {
  opacity: 1;
}

#arrow02 a {
  background-size: 100%;
  display: block;
  width: 2.60417vw;
  height: 2.60417vw;
  margin-left: -getsm-vw(-10px);
  background: #fff url(../images/icons/s_arrow_b.webp) no-repeat center
    0.88542vw;
  border-radius: 50%;
  background-size: 70%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

@media (max-width: 767px) {
  #arrow02 a {
    background: #fff url(../images/icons/s_arrow_b.webp) no-repeat center
      3.33333vw;
    background-size: 70%;
    width: 10.66667vw;
    height: 10.66667vw;
  }
}

body.section-6 #arrow02 {
  display: none;
}

@media (min-width: 768px) {
  body {
    padding-top: 6.51042vw;
  }
}

@media (max-width: 767px) {
  body {
    padding-top: 19.2vw;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  body {
    padding-top: 8.8vw;
  }
}

.category-pro {
  position: relative;
  margin-bottom: 1.04167vw;
  text-align: center;
}

.category-pro:nth-last-child(1) {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .category-pro {
    margin-bottom: 2.66667vw;
  }
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .category-pro {
    overflow: hidden;
  }
}

#recipe_category .kitchen-text_img {
  position: absolute;
  top: 8.555%;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  width: 100%;
}

#recipe_category .kitchen-text_img img {
  max-width: 25.967vw;
}

@media (max-width: 767px) {
  #recipe_category .kitchen-text_img {
    top: 35vw;
  }

  #recipe_category .kitchen-text_img img {
    max-width: 54.33333vw;
  }
  #recipe_category .kitchen-cont .recipe_btn.btn {
    letter-spacing: 1vw;
  }
}

#recipe_category .kitchen-cont {
  font-family: "Futura-Medium";
  position: absolute;
  top: 46%;
  left: 0;
  right: 0;
  color: #000;
  max-width: 100%;
  font-size: 1.545833333333335vw;
  line-height: 1.34;
  text-align: center;
}

#recipe_category .kitchen-cont a {
  font-weight: bold;
  color: #000;
}

#recipe_category .kitchen-cont a:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  #recipe_category .kitchen-cont p.mar_t20:last-child {
    margin-top: 2.8888vw;
  }
}
@media (max-width: 767px) {
  #recipe_category .kitchen-cont {
    top: 73.5vw;
    font-size: 4.33333333333333vw;
    text-align: center;
    line-height: 1.455;
  }
}

#recipe_category .kitchen-cont p {
  max-width: 35vw;
  margin: 0 auto;
}
#recipe_category .kitchen-cont p.mar_t20 {
  margin-top: 1.14555vw;
}
@media (max-width: 767px) {
  #recipe_category .kitchen-cont p {
    max-width: 79.555%;
  }
  #recipe_category .kitchen-cont p.mar_t20 {
    margin-top: 3.8222vw;
    line-height: 1.3;
  }
}

#recipe_category #stores {
  margin: 1.5625vw auto 2.08333vw;
}

@media (max-width: 767px) {
  #recipe_category #stores {
    margin: 5.33333vw auto 6.66667vw;
    max-width: 80%;
    width: 80%;
  }

  #recipe_category #stores .input-control {
    max-width: 100%;
    width: 100%;
    height: 9.33333vw;
    font-size: 4vw;
    padding-right: 15.33333vw;
    padding-left: 4.66667vw;
  }

  #recipe_category #stores .button-control {
    width: 15.4vw;
    font-size: 4.2vw;
  }
}

@media (min-width: 1200px) {
  #recipe_category #stores .input-control {
    width: 23.4375vw;
    height: 3.125vw;
    border-radius: 3.125vw;
    padding: 0.52083vw 5.20833vw 0.52083vw 1.04167vw;
    font-size: 1.25vw;
  }
}

#recipe_category .cat_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 767px) {
  #recipe_category .cat_link {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 90vh;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  #recipe_category .cat_link {
    height: 100%;
  }
}

#recipe_category .cat_link h3.category-name {
  text-align: center;
  padding: 0;
  width: 100%;
  margin-bottom: 0;
  font-family: "Quicksand";
  font-size: 6.25vw;
  font-weight: 400;
  color: #fff;
}

@media (max-width: 767px) {
  #recipe_category .cat_link h3.category-name {
    font-size: 15.33333vw;
    line-height: 1;
  }
}

#recipe_category .cat_link h3.category-name {
  color: #fff;
  font-family: "FuturaMedium";
  font-size: 5.20833vw;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  #recipe_category .cat_link h3.category-name {
    font-family: "FuturaMedium";
    font-size: 10.66667vw;
  }
}

#recipe_category .category-pro_link {
  color: #fff;
}

@media (max-width: 767px) {
  #recipe_category .category-pro_link {
    bottom: 8vw;
    min-height: 40vh;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#recipe_category .category-pro_link .link {
  background-color: #000000;
  display: table;
  margin: 0.78125vw auto 0;
  font-size: 1.30208vw;
  padding: 0.88542vw 1.82292vw;
  border-radius: 1.82292vw;
}

@media (max-width: 767px) {
  #recipe_category .category-pro_link .link {
    background-color: transparent;
    display: table;
    font-size: 3.33333vw;
    margin: 2.66667vw auto 0;
  }
}

@media (max-width: 450px) {
  #recipe_category .category-pro_link .link {
    font-size: 4vw;
    margin: 3.2vw auto 0;
  }
}

#recipe_category .category-pro_link .link a {
  color: #fff;
  display: inline-block;
  font-family: "Quicksand";
  font-weight: 700;
  letter-spacing: 1px;
}

@media (max-width: 767px) {
  #recipe_category .category-pro_link .link a {
    background-color: #000000;
    display: table;
    padding: 1.33333vw 4.66667vw;
    margin: 2.66667vw auto;
    border-radius: 4.66667vw;
  }
}

@media (max-width: 330px) {
  #recipe_category .category-pro_link .link a {
    margin: 1.33333vw auto;
  }
}

#recipe_category .category-pro_link .link a:hover {
  text-decoration: underline;
}

#recipe_category .category-pro_link .link span {
  padding: 0 1.30208vw;
  display: inline-block;
}

@media (max-width: 767px) {
  #recipe_category .category-pro_link .link span {
    display: none;
  }
}

@media (min-width: 768px) {
  .panel,
  .inner {
    height: auto;
  }
}

@media (max-width: 767px) {
  .category-pro picture {
    height: 100vh;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) and (orientation: landscape) {
  .category-pro picture {
    height: auto;
  }
}

@media (max-width: 767px) {
  .category-pro .full-img {
    width: auto;
    height: 100%;
    max-width: inherit;
    min-width: 100%;
  }

  .category-pro.kitchen picture {
    height: auto;
  }

  .category-pro.kitchen picture .full-img {
    width: 100%;
  }

  .category-pro.kitchen .full-img {
    width: 100%;
    height: auto;
    max-width: inherit;
    min-width: 100%;
  }
}
.kitchen_btn {
  text-align: center;
  margin-top: 2.1111vw;
}
#recipe_category .kitchen-cont .recipe_btn.btn {
  font-family: "Futura-regular";
  background-color: #000;
  color: #fff;
  display: inline-flex;
  text-decoration: none;
  font-weight: normal;
  margin: 0 0.8vw;
}
#recipe_category .kitchen-cont h3 {
  font-size: 1.6145833333333335vw;
  font-family: "Futura-Bold";
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2.55px;
}
@media (min-width: 768px) {
  #recipe_category .kitchen-cont .recipe_btn.btn {
    height: 2.3333vw;
    padding: 0 0.888vw;
    font-size: 1.2444vw;
    letter-spacing: 0.13333vw;
  }
}
@media (max-width: 767px) {
  #recipe_category .kitchen-cont h3 {
    font-size: 4.133333333333333vw;
    margin-bottom: 2vw;
    letter-spacing: 0.4995vw;
  }
  .kitchen_btn {
    margin-top: 2.5555vw;
  }
  #recipe_category .kitchen-cont .recipe_btn.btn {
    margin: 0.5vw 1.4444444vw;
  }
}
/*# sourceMappingURL=recipe_category.min.css.map */