a,
body,
div,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
label,
li,
nav,
p,
span,
table,
tbody,
td,
th,
thead,
tr,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline
}

footer,
header,
nav {
    display: block
}

ul {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5;
    font-family: inherit;
    font-size: 100%
}

h1.heading-hidden {
    font-size: 0;
    opacity: 0
}

p {
    font-family: inherit;
    line-height: 1.4;
    font-size: 100%
}

img {
    border: none;
    outline: 0
}

a {
    text-decoration: none;
    color: #666
}

button,
input,
textarea {
    padding: 0;
    margin: 0;
    border: none;
    outline: 0;
    background: 0 0;
    -webkit-appearance: none;
    font-family: inherit
}

body,
html {
    font-family: 'Nunito Sans';
    font-weight: 400;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    font-size: 62.5%;
    color: #424d54
}

sup {
    font-size: 50%;
    vertical-align: super
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fs-no-scroll {
    height: 100%;
    overflow: hidden
}

.fs-has-layout::after {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    clear: both
}


/*LAYOUT COMMON*/

.fs-page,
.fs-header,
.fs-container,
.fs-footer,
.fs-section,
.header-inr,
.fs-inr,
.footer-inr .fs-title,
.fs-box {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.fs-page {
    overflow: hidden;
}

.fs-container {
    min-height: 23.6vw;
    padding-bottom: 56px;
}

.fs-bg,
.fs-pic,
.fs-txt {
    position: relative;
    display: block
}

.fs-pic {
    line-height: 0;
}

.fs-bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.fs-bg::before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: auto
}

.fs-pic img {
    width: 100%;
}

.fs-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.fs-bg div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.fs-pc {
    display: block;
}

.fs-sp {
    display: none;
}

.fs-title {
    position: relative;
    text-align: center;
    z-index: 2;
}

.fs-title h2,
.fs-title h1,
.fs-title .small-title,
.fs-title h1 span,
.fs-title h2 span {
    margin-bottom: 0.8rem;
    font-size: 4rem;
    color: #e8685d;
    text-transform: uppercase;
}

.color-grey h2 {
    color: #666;
}

.color-grey h2 {
    font-size: 6rem;
}

.line {
    position: relative;
    display: inline-block;
    width: 17.4rem;
    height: 0.4rem;
}

.line.w10 {
    width: 10rem;
}

.line::before,
.line::after {
    content: '';
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
}

.line::before {
    left: 0;
    background-color: #e8685d;
}

.line::after {
    right: 0;
    background-color: #a3d063;
}

.color-grey .line::before,
.color-grey .line::after {
    background-color: #666;
}

.fs-hide-label {
    display: block;
    font-size: 0;
    line-height: 0;
}

.title__brief {
    padding-top: 2.5rem;
    margin: 0 auto;
    max-width: 60rem;
}

.title__brief p {
    font-size: 1.5rem;
    color: #000;
}


/*SELECT LIST*/

.fs-select {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    text-align: left;
    z-index: 2;
}

.fs-select-header {
    position: relative;
    display: block;
    height: 18px;
    padding: 0 20px 0 10px;
    line-height: 16px;
    border: 1px solid #8D7C6C;
    cursor: pointer;
    z-index: 2;
}

.fs-select-header span {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fs-select-box {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 10px;
    visibility: hidden;
    opacity: 0;
}

.fs-select-box ul {
    position: relative;
    display: block;
    max-height: 300px;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.fs-select-box li {
    position: relative;
    display: block;
    border-bottom: 1px solid #dedede;
    padding: 3px 10px;
    cursor: pointer;
}

.fs-select-box li:last-child {
    border: none;
}

.fs-select-header span,
.fs-select-box li {
    color: #464646;
    font-size: 12px;
    line-height: 1.2;
}

.fs-select-box li {
    font-size: 0.83333vw;
    color: #424d54;
}

.fs-open-select .fs-select-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

.fs-select-box li.selected {
    color: #dd452a;
}


/*BUTTON*/

.fs-buts {
    position: relative;
    display: block;
}

.fs-but {
    position: relative;
    display: inline-block;
    padding: 0 3.2rem;
    -webkit-border-radius: 3rem;
    border-radius: 3rem;
    overflow: hidden;
    width: auto;
    height: 5rem;
    line-height: 5.4rem;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.fs-but::before,
.fs-but::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 3rem;
    border-radius: 3rem;
}

.fs-but::before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 82, 43, 1)), color-stop(100%, rgba(238, 40, 38, 1)));
    background: -webkit-linear-gradient(90deg, rgba(238, 40, 38, 1) 0%, rgba(241, 82, 43, 1) 100%);
    background: linear-gradient(0deg, rgba(238, 40, 38, 1) 0%, rgba(241, 82, 43, 1) 100%);
}

.fs-but::after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 40, 38, 1)), color-stop(100%, rgba(241, 82, 43, 1)));
    background: -webkit-linear-gradient(90deg, rgba(241, 82, 43, 1) 0%, rgba(238, 40, 38, 1) 100%);
    background: linear-gradient(0deg, rgba(241, 82, 43, 1) 0%, rgba(238, 40, 38, 1) 100%);
    opacity: 0;
}

.fs-but span {
    position: relative;
    top: -2px;
    padding: 0 3.5rem 0 0;
    background: url(../images/arrow-white.png) no-repeat right center;
    background-size: 2.3rem auto;
    z-index: 2;
}

.fs-but.external-link span {
    padding: 0 3.5rem 0 0;
    background: url(../images/out-icon-white.png) no-repeat right center;
    background-size: 1.6rem auto;
}

.fs-but.fs-but--solid span {
    padding: 0;
    background: none;
}

.color__red::before,
.color__red::after {
    display: none;
}

.color__red span {
    color: #ed1d24;
    background: url(../images/arrow-red.png) no-repeat right center;
    background-size: 2.3rem auto;
}

.arrow__none span {
    padding: 0;
    background: none;
    text-decoration: underline;
}


/*CHECKBOX*/

.fs-checkbox label {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 2.4rem;
    font-size: 1.5rem;
    color: #464646;
    line-height: 1.2;
    cursor: pointer;
}

.fs-checkbox label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #464646;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.fs-checkbox li {
    position: relative;
    margin-bottom: 15px;
}

.fs-checkbox input[type='checkbox'],
.fs-checkbox input[type='radio'] {
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.fs-checkbox label::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 5px;
    height: 8px;
    width: 8px;
    background-color: #ed3523;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
}

.fs-checkbox input[type='checkbox']:checked+label::after,
.fs-checkbox input[type='radio']:checked+label::after {
    opacity: 1;
}

.fs-checkbox label a {
    color: #c90;
}


/*Brush Box*/

.brush-box,
.enjoy-title {
    position: relative;
    display: block;
    margin-bottom: 1.1rem;
}

.brush-box span,
.enjoy-title span {
    display: inline-block;
    padding: 0.6rem 2.6rem 0.7rem 2.6rem;
    font-size: 1.2rem;
    color: #fff;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
}

.nav-inr,
.header-top,
.fs-happening .fs-inr,
.fs-enjoy-life .fs-inr,
.fs-distributions .fs-inr,
.footer-inr,
.fs-happened .fs-inr,
.fs-brands .fs-inr,
.fs-nestle-reciples .fs-inr,
.nestle-sort-box,
.nestle-slugs,
.fs-detail .fs-inr,
.results-inr,
.cate-inr,
.sub-inr,
.fs-join .fs-inr {
    max-width: 114.2rem;
    margin: 0 auto;
}

.fs-recipes .fs-inr {
    display: inline-block;
    left: calc(50% - 591px);
    overflow: hidden;
    text-align: left;
    z-index: 5;
}

.happen-item h3,
.recipes-outer h3,
.enjoy-items h3,
.nestle-items h3,
.brands-items h3 {
    font-size: 2.4rem;
    color: #424d54;
    line-height: 1.2;
}

.ellip {
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 1;
}

.ellip.bg-green {
    left: -18.2rem;
    bottom: 0;
    width: 25.9rem;
    height: 25.9rem;
    background-color: #a3d063;
}

.ellip.bg-red {
    top: 12%;
    right: -17rem;
    width: 26rem;
    height: 26rem;
    background-color: #e8685d;
}

.sub-banner .ellip.bg-green {
    top: 19%;
    bottom: auto;
    right: auto;
    left: -18.2rem;
    width: 26rem;
    height: 26rem;
}

.sub-banner .ellip.bg-red {
    right: -17rem;
    left: auto;
    top: auto;
    bottom: 13rem;
    width: 22.1rem;
    height: 22.1rem;
}

.ellip.bg-yellow {
    width: 38rem;
    height: 38rem;
    background-color: #ffc436;
}

.bird {
    position: absolute;
    right: -0.5rem;
    top: 9.4rem;
    width: 24.8rem;
    height: auto;
    background: url(../images/bird.png) no-repeat center top;
    background-size: 100% auto;
}

.fs-banner+.fs-happening .bird {
    top: 5.4rem;
}

.bird::before,
.leaf-left::before,
.leaf-right::before,
.leaf-yellow::before,
.leaf-left-red::before,
.leaf-right-yellow::before,
.leaf-right-yellow2::before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.bird::before {
    padding-top: 66.5325%;
}

.leaf-left {
    position: absolute;
    width: 12.8rem;
    height: auto;
    background: url(../images/leaf-left.png) no-repeat center top;
    background-size: 100% auto;
}

.leaf-left::before {
    padding-top: 152.34375%
}

.leaf-right {
    position: absolute;
    width: 22.1rem;
    height: auto;
    background: url(../images/leaf-right.png) no-repeat center top;
    background-size: 100% auto;
}

.leaf-right::before {
    padding-top: 152.6%
}

.leaf-yellow {
    position: absolute;
    width: 14.7rem;
    height: auto;
    background: url(../images/leaf-yellow.png) no-repeat center top;
    background-size: 100% auto;
    z-index: -1;
}

.leaf-yellow-right {
    position: absolute;
    width: 11.7rem;
    height: auto;
    background: url(../images/leaf-yellow-right.png) no-repeat center top;
    background-size: 100% auto;
}

.leaf-yellow-right::before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding-top: 94.87%;
}

.leaf-yellow::before {
    padding-top: 94.5578%
}

.leaf-left-red {
    position: absolute;
    width: 15.7rem;
    height: auto;
    background: url(../images/leaf-left-red.png) no-repeat center top;
    background-size: 100% auto;
    z-index: 4;
}

.leaf-left-red::before {
    padding-top: 80.8917%
}

.leaf-right-yellow {
    position: absolute;
    width: 28.6rem;
    height: auto;
    background: url(../images/leaf-right-yellow.png) no-repeat center top;
    background-size: 100% auto;
    z-index: 4;
}

.leaf-right-yellow::before {
    padding-top: 53.4965%
}

.leaf-right-yellow2 {
    position: absolute;
    width: 21rem;
    height: auto;
    background: url(../images/leaf-right-yellow2.png) no-repeat center top;
    background-size: 100% auto;
    z-index: 4;
}

.leaf-right-yellow2::before {
    padding-top: 81.4281%
}


/*HEADER AREA*/

.fs-header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 12;
}

.header-inr {
    z-index: 12;
}

.outer-top {
    position: relative;
    background-color: #fff;
}

.outer-top::after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 3rem;
    background-color: #fff;
}

.header-sticky {
    position: relative;
    z-index: 2;
}

.logo {
    position: absolute;
    width: 16.9rem;
    top: 3.7rem;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 4;
}

.logo img {
    width: 100%;
}

.header-top {
    position: relative;
    height: 4.4rem;
    line-height: 4.4rem;
}

.item-top {
    display: inline-block;
    vertical-align: middle;
    height: 3.2rem;
    line-height: 3.2rem;
    margin-right: 2rem;
    z-index: 2;
}

.item-top.by-login {
    position: relative;
    top: 0.8rem;
    float: right;
    display: block;
    height: auto;
    margin: 0;
    line-height: normal;
    font-size: 0;
}

.item-top.by-login.fs-sp {
    display: none;
}

.item-top a {
    display: inline-block;
    font-size: 1.5rem;
    color: #424d54;
    line-height: inherit;
}

.item-top.is-cart>a {
    background: url(../images/cart.png) no-repeat left center;
    background-size: 1.2rem auto;
    padding-left: 2.3rem
}

.generic__header .item-top.is-cart>a {
    background: none;
    padding-left: 0;
}

.by-login a {
    position: relative;
    height: 3.2rem;
    line-height: 3.2rem;
    margin-left: 0.7rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    overflow: hidden;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
}

.is-login {
    width: 11.8rem;
}

.by-login a:not(.is-login) {
    width: 8.4rem;
}

.by-login a::before,
.by-login a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
}

.by-login a::before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 82, 43, 1)), color-stop(100%, rgba(238, 40, 38, 1)));
    background: -webkit-linear-gradient(90deg, rgba(238, 40, 38, 1) 0%, rgba(241, 82, 43, 1) 100%);
    background: linear-gradient(0deg, rgba(238, 40, 38, 1) 0%, rgba(241, 82, 43, 1) 100%);
}

.by-login a::after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 40, 38, 1)), color-stop(100%, rgba(241, 82, 43, 1)));
    background: -webkit-linear-gradient(90deg, rgba(241, 82, 43, 1) 0%, rgba(238, 40, 38, 1) 100%);
    background: linear-gradient(0deg, rgba(241, 82, 43, 1) 0%, rgba(238, 40, 38, 1) 100%);
    opacity: 0;
}

.by-login a span {
    position: relative;
    top: -2px;
    z-index: 2;
}

.is-login span {
    padding-left: 2.2rem;
    background: url(../images/icon-user.png) no-repeat left center;
    background-size: 1.2rem auto;
}


/*
.header-outer {
  position:relative;
  text-align:center;
  background:url(../images/menu-bg.png) no-repeat left center;
  background-size:cover;
}
.fs-navigation {
  -webkit-mask-image:url(../images/menu-bg.png);
  mask-image:url(../images/menu-bg.png);
  -webkit-mask-position:left center;
  mask-position:left center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:cover;
  mask-size:cover;
}
.nav-inr {
  position:relative;
  z-index:4;
}
.fs-navigation ul {
  display:block;
  text-align:left;
  font-size:0;
}
.fs-navigation li {
  position:relative;
  display:inline-block;
  text-align:center;
  vertical-align:middle;
}
.fs-navigation .nav-inr li {
  margin-right:1px;
}
.fs-navigation li:nth-child(1) {
  width:7.3rem;
}
.fs-navigation li:nth-child(2) {
  width:12.6rem;
}
.fs-navigation li:nth-child(3) {
  width:10.6rem;
}
.fs-navigation li:nth-child(4) {
  width:16rem;
  margin-right:15rem;
}
.fs-navigation li:nth-child(5) {
  padding:0 1.5rem 0 4.5rem;
}
.fs-navigation li:nth-child(5)::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:url(../images/nav-tet-bg.jpg) no-repeat center center;
  background-size:cover;
  opacity:0;
}
.fs-navigation li:nth-child(5) span{
  position:relative;
  z-index:1;
}
.fs-navigation li.active:nth-child(5)::before{
  opacity:1;
}
.fs-navigation li.active:nth-child(5) a span{
  color:#da0000;
}
.fs-navigation li:nth-child(6) {
  width:10rem;
}
.fs-navigation li:nth-child(7) {
  width:10rem;
}
.fs-navigation li:nth-child(8) {
  width:7rem;
}
*/


/* 
.is-IE .fs-navigation li.active:nth-child(5)::before{
  background:none;
}
.fs-navigation li a {
  display:block;
  height:6vw;
  line-height:6vw;
  max-height:115px;
  padding:0 0.8rem;
}
.fs-navigation li.nav-home a {
  font-size:0;
  background:url(../images/home-icon.png) no-repeat center center;
  background-size:2.8rem auto;
}
.fs-navigation li a span {
  display:inline-block;
  vertical-align:middle;
  line-height:1.2;
  font-size:1.5rem;
  color:#fff;
}
.fs-navigation li a span.fs-hide-label {
  font-size:0;
  line-height:0;
}
 */

.header-outer {
    position: relative;
    text-align: center;
    background: url(../images/menu-bg.png) no-repeat center center;
    background-size: auto 115px;
}

.fs-navigation {
    -webkit-mask-image: url(../images/menu-bg.png);
    mask-image: url(../images/menu-bg.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto 115px;
    mask-size: auto 115px;
}

.nav-inr {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
}

.fs-navigation ul {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 50%;
    max-width: 50%;
    height: 115px;
}

.fs-navigation ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fs-navigation li a,
.fs-navigation li span {
    display: block;
}

.fs-navigation li a span {
    display: block;
    line-height: 1.4;
    font-size: 1.5rem;
    color: #fff;
}

.fs-navigation li.nav-home {
    flex: 0 0 7rem;
    max-width: 7rem;
    padding-left: 0;
    padding-right: 0;
}

.fs-navigation li.nav-home a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/home-icon.png) no-repeat center center;
    background-size: 2.8rem auto;
}

.nav__left {
    justify-content: right;
}

.nav__left li:last-child {
    padding-right: 10rem;
}

.nav__left li {
    margin-right: 1px;
}

.nav__right {
    justify-content: left;
    padding-right: 50px;
}

.nav__right li {
    margin-left: 1px;
}

.nav__right li:first-child {
    padding-left: 10rem;
}

.generic__header .nav__left li:nth-child(2) {
    width: 22%;
}

.generic__header .nav__left li:nth-child(3) {
    width: 18%;
}

.generic__header .nav__left li:nth-child(4) {
    width: 46%;
}

.generic__header .nav__right li:nth-child(1) {
    width: 53%;
}

.generic__header .nav__right li:nth-child(2) {
    width: 22%;
}

.generic__header .nav__right li:nth-child(3) {
    width: 18%;
}

.clustera__header .nav__left li:nth-child(2),
.clusterb__header .nav__left li:nth-child(2) {
    width: 33%;
}

.clustera__header .nav__left li:nth-child(3),
.clusterb__header .nav__left li:nth-child(3) {
    width: 50%;
}

.clustera__header .nav__right li:nth-child(1),
.clusterb__header .nav__right li:nth-child(1) {
    width: 52%;
}

.clustera__header .nav__right li:nth-child(2),
.clusterb__header .nav__right li:nth-child(2) {
    width: 22%;
}

.clustera__header .nav__right li:nth-child(3),
.clusterb__header .nav__right li:nth-child(3) {
    width: 18%;
}

.clusterc__header .nav__left li:nth-child(2) {
    width: 24%;
}

.clusterc__header .nav__left li:nth-child(3) {
    width: 18%;
}

.clusterc__header .nav__left li:nth-child(4) {
    width: 44%;
}

.clusterc__header .nav__right li:nth-child(1) {
    width: 44%;
}

.clusterc__header .nav__right li:nth-child(2) {
    width: 24%;
}

.clusterc__header .nav__right li:nth-child(3) {
    width: 18%;
}

.is-home {
    position: absolute;
    left: 0;
    bottom: -0.625vw;
    width: 7.3rem;
    height: 7.3rem;
    background: url(../images/home-icon.png) no-repeat center center;
    background-color: #a3d063;
    z-index: 2;
    display: none !important;
}

.search-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    width: 4rem;
    height: 4rem;
    background: url(../images/icon-search-white.png) no-repeat center center;
    background-size: 2.1rem auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}

.user .login-toggle:first-child {
    margin-right: 5px;
}

.is-hide-login .login-toggle {
    display: none;
}

.search-top {
    position: absolute;
    right: 25%;
    top: 20rem;
    width: 0;
    height: auto;
    overflow: hidden;
}

.search-top input[type="text"] {
    padding: 5px 6.2rem 5px 6.2rem;
    background-color: #fff;
    height: 6rem;
}

.search-close {
    position: absolute;
    left: 0;
    top: 0;
    width: 6rem;
    height: 6rem;
    background: url(../images/close-search.png) no-repeat center center;
    background-size: 2rem auto;
    cursor: pointer;
}

.search-top-but {
    position: absolute;
    right: 0;
    top: 0;
    width: 6rem;
    height: 6rem;
    background: url(../images/icon-search.png) no-repeat center center;
    background-size: 2rem auto;
    cursor: pointer;
}

.leaf-left-top {
    position: absolute;
    width: 10.9rem;
    height: auto;
}

.leaf-right-top {
    position: absolute;
    width: 5.3vw;
    height: auto;
}

.leaf-left-top::before,
.leaf-right-top::before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.leaf-left-top::before {
    padding-top: 53.211%;
}

.leaf-right-top::before {
    padding-top: 140.259%;
}

.leaf-left-top {
    left: 1.4rem;
    top: 2.7rem;
    background: url(../images/leaf-top-left.png) no-repeat center top;
    background-size: 100% auto;
    z-index: 4;
}

.leaf-right-top {
    right: 3.8rem;
    bottom: 0.1vw;
    background: url(../images/leaf-top-right.png) no-repeat center top;
    background-size: 100% auto;
    z-index: 4;
}

.online-box {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 58px;
    line-height: 58px;
    font-size: 0;
    background-color: #f4f4f4;
    padding-right: 7px;
    opacity: 0;
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
    z-index: 7;
}

.online-box li {
    width: 95px;
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    margin: 0 0 0 1rem;
}

.online-box li a {
    display: block;
}

.online-box li img {
    width: 100%;
}

.is-cart:hover .online-box {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 5;
    display: none;
}

.open-search .search-top {
    width: 50%;
}

.open-search .overlay {
    display: block;
}


/*Banner*/

.default__home .fs-banner,
.default__kid .fs-banner,
.default__happening .fs-banner,
.default__recipes .fs-banner,
.default__journey .fs-banner,
.default__brands .fs-banner,
.default__detail .fs-banner {
    padding-top: 0;
}

.fs-banner {
    padding-top: 10rem;
}

.swiper-pagination,
.swiper-button-prev,
.swiper-button-next {
    display: none;
}

.show-controls .swiper-pagination,
.show-controls .swiper-button-prev,
.show-controls .swiper-button-next {
    display: block;
}


/*
.fs-banner.show-controls .swiper-button-prev, 
.fs-banner.show-controls .swiper-button-next{
  display:none;
}*/

.banner-slider {
    width: 100%;
    height: auto;
}

.banner-slider .banner-box h2 {
  display: none !important;
}

.item-slide {
    position: relative;
    width: 100%;
    height: auto;
}

.fs-outer {
    position: absolute;
    left: 9%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    max-width: 44%;
}

.ta-c .fs-outer {
    left: 50%;
    top: auto;
    bottom: 42px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ta-r .fs-outer {
    left: auto;
    right: 9%;
    text-align: right;
}

.fs-banner h2,
.fs-banner .small-title {
    margin-bottom: 1.6rem;
    color: #e8685d;
    font-size: 4.5rem;
    line-height: 1.3;
}

.fs-banner .size-small h2,
.fs-banner .size-small .small-title {
    font-size: 34px;
}

.fs-banner .swiper-pagination {
    width: 100%;
    bottom: 15px;
}

.fs-banner .brush-box+.fs-buts {
    padding-top: 0;
}

.fs-banner .fs-buts {
    padding-top: 4.8rem;
    z-index: 3 !important;
}

.fs-banner .fs-but {
    padding: 0 4.4rem;
    height: 5rem;
    line-height: 5rem;
}

.banner-box p {
    font-size: 2rem;
    margin-bottom: 1.6rem;
}

.banner-box span {
    font-size: 1.6rem;
}

.fs-banner .swiper-pagination-bullet-active {
    width: 24px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.default__home .fs-banner .swiper-pagination-bullet-active,
.default__kid .fs-banner .swiper-pagination-bullet-active,
.default__happening .fs-banner .swiper-pagination-bullet-active,
.default__recipes .fs-banner .swiper-pagination-bullet-active,
.default__journey .fs-banner .swiper-pagination-bullet-active,
.default__brands .fs-banner .swiper-pagination-bullet-active,
.default__detail .fs-banner .swiper-pagination-bullet-active {
    width: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}


/*Enjoy Life*/

.fs-enjoy-life {
    padding: 14rem 0 9.2rem 0;
}


/*bg*/

.enjoy__bg__top {
    position: absolute;
    left: 0;
    /* top:0; */
    bottom: 100%;
    width: 100%;
    height: 10rem;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    z-index: 2;
}

.enjoy__bg__bot {
    position: absolute;
    left: 0;
    /* bottom:0; */
    top: 100%;
    width: 100%;
    height: 9.2rem;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    z-index: 2;
}

.fs-enjoy-life .fs-title {
    margin-bottom: 6rem;
}

.enjoy-items {
    font-size: 0;
}

.enjoy-items {
    margin: 0 -1.75%;
}

.enjoy-items .fs-box {
    display: inline-block;
    vertical-align: top;
    width: 33.3333%;
    padding: 0 1.75%;
    margin-bottom: 3.5%;
}

.ta__left .fs-box {
    text-align: left;
}

.ta__left .fs-pic {
    border: 5px solid #fff;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.enjoy-items .fs-box.hide {
    display: none;
}

.enjoy-items .fs-box a {
    display: block;
}

.enjoy-items .fs-pic {
    margin-bottom: 1.6rem;
    -webkit-border-radius: 2.8rem;
    border-radius: 2.8rem;
    overflow: hidden;
}


/*Enjoy-items  more*/

.enjoy-items .fs-pic::before {
    content: '';
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 52.25%;
}

.enjoy-items .fs-pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*Enjoy-items Radius*/

.clustera_recipe_detail .enjoy-items .fs-pic,
.clusterb_recipe_detail .enjoy-items .fs-pic,
.clusterc_recipe_detail .enjoy-items .fs-pic {
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}

.fs-enjoy-life .fs-buts,
.fs-happening .fs-buts {
    text-align: center;
}

.enjoy-items .fs-txt {
    padding: 0 1rem;
}

.fs-enjoy-life .leaf-right {
    top: -15.2rem;
    right: -2rem;
    z-index: 3;
}

.enjoy-box {
    position: relative;
    margin: 0 auto 4rem auto;
}

.enjoy-sort {
    position: relative;
    top: 0.95rem;
    display: inline-block;
    vertical-align: top;
}

.enjoy-sort .fs-select.fs-sp {
    display: none;
}

.enjoy-sort li {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    cursor: pointer;
    margin-right: 1.2rem;
}

.enjoy-sort li span {
    position: relative;
    display: block;
    padding: 0.7rem 2.9rem 0.5rem 2.9rem;
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #424d54;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
}

.enjoy-sort li.active span {
    color: #fff;
}

.by-kid .enjoy-sort li span {
    padding: 0.5rem 2rem 0.7rem 2em;
}

.enjoy-sort li:first-child.active span {
    background-color: #ee2926;
}

.enjoy-sort li.normal span {
    background: none !important;
}

.enjoy-search {
    position: relative;
    width: 24rem;
    float: right;
}

.enjoy-search input[type="text"] {
    width: 100%;
    height: 5rem;
    background-color: #f3f3f3;
    border: none;
    -webkit-border-radius: 2.5rem;
    border-radius: 2.5rem;
    color: #424d54;
    font-size: 1.5rem;
    padding: 0.7rem 3rem 0.7rem 2rem;
}

.enjoy-search input[type='text']::placeholder {
    color: #424d54;
}

.enjoy-search input[type='text']:-ms-input-placeholder {
    color: #424d54;
}

.enjoy-search input[type='text']::-ms-input-placeholder {
    color: #424d54;
}

.enjoy-search input[type='text']::-moz-placeholder {
    color: #424d54;
    opacity: 1;
}

.enjoy-search-but {
    position: absolute;
    right: 1.3rem;
    top: 1.4rem;
    width: 2.1rem;
    height: 2.1rem;
    text-align: center;
    cursor: pointer;
}

.enjoy-search-but img {
    display: block;
    width: 100%;
}

.fs-enjoy-life .leaf-left {
    top: 15rem;
    left: -0.5rem;
}

.fs-enjoy-life .bird {
    top: 0;
}

.fs-enjoy-life .ellip.bg-red {
    right: auto;
    left: -14.5rem;
    top: -18rem;
    width: 29rem;
    height: 29rem;
    z-index: 3;
}

.bg-grey .fs-inr,
.bg-white .fs-inr {
    z-index: 3;
}

.fs-enjoy-life.bg-white {
    padding: 5.2rem 0 12.2rem 0;
}

.fs-enjoy-life.bg-grey {
    padding: 1.2rem 0 10.2rem 0;
}

.bg-grey-normal {
    background-color: #f5f5f5;
}

.bg-grey {
    background-color: #f5f5f5;
}

.bg-grey .recipes-bg::before {
    display: none;
}

.bg-white {
    background-color: #fff;
}

.bg-white .recipes-bg::before {
    display: none;
}

.fs-cate {
    background-color: #f5f5f5;
    padding: 9.2rem 0;
}

.cate-wrap .fs-bg {
    z-index: 3;
    pointer-events: none;
}

.cate-wrap .fs-bg img {
    position: relative;
    top: -5rem;
    width: 100%;
    height: auto;
}

.fs-cate-brief {
    width: 71.4rem;
    margin: 0 auto;
    padding-bottom: 3rem;
}

.fs-cate-brief .line::before {
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(146, 97, 165, 1)), color-stop(100%, rgba(82, 196, 231, 1)));
    background: -webkit-linear-gradient(0deg, rgba(146, 97, 165, 1) 0%, rgba(82, 196, 231, 1) 100%);
    background: linear-gradient(90deg, rgba(146, 97, 165, 1) 0%, rgba(82, 196, 231, 1) 100%);
}

.fs-cate-brief .line::after {
    display: none;
}

.fs-cate-brief .fs-title {
    margin-bottom: 4rem;
}

.cate-pic {
    margin-bottom: 3rem;
}

.fs-cate-brief p {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 2.2rem;
}

.cate-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 14rem;
}

.cate-inr {
    padding: 10rem 18rem 0 18rem;
    background-color: #fff;
    -webkit-border-radius: 4rem;
    border-radius: 4rem;
    box-shadow: 0 0 1.6rem 0 rgba(194, 194, 194, 0.26);
    z-index: 4;
}

.fs-cate-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.fs-cate-list .fs-box {
    flex: 0 0 44.76%;
    max-width: 44.76%;
    text-align: center;
    margin-bottom: 8rem;
}

.cate-title {
    position: relative;
    -webkit-border-radius: 2.7rem 2.7rem 0 0;
    border-radius: 2.7rem 2.7rem 0 0;
    height: 9.6rem;
}

.cate-icon {
    position: relative;
    top: -4.9rem;
    width: 9.8rem;
    margin: 0 auto;
    -webkit-box-shadow: 4px 4px 9px 0 rgba(89, 89, 89, 0.4);
    box-shadow: 4px 4px 9px 0 rgba(89, 89, 89, 0.4);
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.cate-icon img {
    width: 100%;
}

.cate-title h2 {
    position: absolute;
    left: 0;
    bottom: 0.4rem;
    width: 100%;
    text-align: center;
    font-size: 2.4rem;
    color: #fff;
    text-transform: uppercase;
}

.fs-cate-list .fs-pic {
    margin-bottom: 1.8em;
}

.fs-cate-list .fs-txt {
    margin-bottom: 2rem;
    padding: 0 1rem;
    height: 5.7rem;
    overflow: hidden;
}

.fs-cate-list p {
    font-size: 1.4rem;
    color: #333;
}

.bg-gradient-dark-blue {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(30, 47, 129, 1)), color-stop(100%, rgba(58, 159, 240, 1)));
    background: -webkit-linear-gradient(345deg, rgba(30, 47, 129, 1) 0%, rgba(58, 159, 240, 1) 100%);
    background: linear-gradient(105deg, rgba(30, 47, 129, 1) 0%, rgba(58, 159, 240, 1) 100%);
}

.bg-gradient-light-blue {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(37, 199, 253, 1)), color-stop(100%, rgba(171, 245, 255, 1)));
    background: -webkit-linear-gradient(345deg, rgba(37, 199, 253, 1) 0%, rgba(171, 245, 255, 1) 100%);
    background: linear-gradient(105deg, rgba(37, 199, 253, 1) 0%, rgba(171, 245, 255, 1) 100%);
}

.bg-gradient-green {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(11, 175, 78, 1)), color-stop(100%, rgba(123, 179, 56, 1)));
    background: -webkit-linear-gradient(345deg, rgba(11, 175, 78, 1) 0%, rgba(123, 179, 56, 1) 100%);
    background: linear-gradient(105deg, rgba(11, 175, 78, 1) 0%, rgba(123, 179, 56, 1) 100%);
}

.bg-gradient-yellow {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 198, 54, 1)), color-stop(1%, rgba(255, 198, 54, 1)), color-stop(100%, rgba(255, 237, 0, 1)));
    background: -webkit-linear-gradient(180deg, rgba(255, 237, 0, 1) 0%, rgba(255, 198, 54, 1) 99%, rgba(255, 198, 54, 1) 100%);
    background: linear-gradient(270deg, rgba(255, 237, 0, 1) 0%, rgba(255, 198, 54, 1) 99%, rgba(255, 198, 54, 1) 100%);
}

.cate-dark-blue .fs-but::before {
    background: #1e2f81;
}

.cate-dark-blue .fs-but::after {
    background: #3a9ff0;
}

.cate-light-blue .fs-but::before {
    background: #25c7fd;
}

.cate-light-blue .fs-but::after {
    background: #5ad9fe;
}

.cate-green .fs-but::before {
    background: #0baf4e;
}

.cate-green .fs-but::after {
    background: #7bb338;
}

.cate-yellow .fs-but::before {
    background: #ffc636;
}

.cate-yellow .fs-but::after {
    background: #ffed00;
}

.fs-cate-list .fs-buts {
    padding: 2rem 0;
}

.fs-cate-list .fs-buts::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    border-top: none;
    -webkit-border-radius: 0 0 2.7rem 2.7rem;
    border-radius: 0 0 2.7rem 2.7rem;
}

.fs-cate-list .fs-but {
    height: 4rem;
    line-height: 4.4rem;
}

.fs-cate-list .cate-dark-blue .fs-buts::before {
    border-color: #1e2f81;
}

.fs-cate-list .cate-light-blue .fs-buts::before {
    border-color: #25c7fd;
}

.fs-cate-list .cate-green .fs-buts::before {
    border-color: #0baf4e;
}

.fs-cate-list .cate-yellow .fs-buts::before {
    border-color: #ffc636;
}

.cate-wrap.no__bg {
    padding-bottom: 0;
}

.cate-wrap.no__bg .fs-cate-list .fs-box {
    margin-bottom: 2.4rem;
}

.cate-wrap.no__bg .cate-inr {
    background-color: transparent;
    box-shadow: none;
}

.cate-wrap.no__bg .cate-icon {
    top: -5.7rem;
}

.cate-wrap.no__bg .cate-title {
    height: 6.6rem;
}

.cate-wrap.no__bg .fs-cate-list {
    align-items: normal;
}

.cate-wrap.no__bg .fs-buts {
    text-align: center;
}

.cate-wrap.no__bg .fs-txt {
    height: auto;
    padding: 0 2rem;
    margin: 0;
}

.cate-wrap.no__bg .fs-box {
    padding-bottom: 3rem;
}

.cate-wrap.no__bg .fs-box::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24%;
    border: 1px solid #000;
    border-top: none;
    -webkit-border-radius: 0 0 2.7rem 2.7rem;
    border-radius: 0 0 2.7rem 2.7rem;
}

.cate-wrap.no__bg .fs-box.cate-red::before {
    border-color: #ea8981;
}

.cate-wrap.no__bg .fs-box.cate-green::before {
    border-color: #0baf4e;
}

.cate-wrap.no__bg .fs-box.cate-yellow::before {
    border-color: #ffc636;
}

.fs-cate .leaf-right {
    right: -5rem;
    top: -27rem;
}

.fs-cate-detail {
    background-color: #f5f5f5;
    padding: 14rem 0 9.2rem 0;
}

.fs-cate-detail .leaf-left {
    top: 12rem;
    left: -0.5rem;
}

.fs-cate-detail .cate-inr {
    padding: 5rem 18rem 0 18rem
}

.fs-cate-detail .cate-wrap.no__bg .fs-cate-list .fs-box {
    margin-bottom: 5rem;
}

.fs-cate-detail .fs-pic {
    -webkit-border-radius: 3rem 3rem 0 0;
    border-radius: 3rem 3rem 0 0;
    overflow: hidden;
    margin-bottom: 2rem;
}

.fs-cate-detail .cate-wrap.no__bg .fs-box::before {
    height: 30%;
}

.fs-cate-detail .enjoy-title {
    margin-bottom: 3rem;
}


/*Single category*/

.fs-single-cate {
    padding: 10rem 0 7rem 0;
    background: #fff;
}


/* .fs-single-cate + .fs-happening {
  padding-top:4rem;
}
.fs-single-cate + .fs-happening .bird {
  top:-4rem;
}*/

.fs-single-cate .fs-title {
    margin-bottom: 4rem;
}

.fs-single-cate .cate-title {
    height: 13.4rem;
}

.cate__items {
    display: flex;
    max-width: 94.6rem;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}

.cate__item {
    position: relative;
    padding: 0.8rem 1.5rem;
    margin: 0 1rem;
    -webkit-border-radius: 3rem;
    border-radius: 3rem;
    overflow: hidden;
}

.cate__item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(30, 47, 129, 1)), color-stop(100%, rgba(58, 159, 240, 1)));
    background: -webkit-linear-gradient(345deg, rgba(30, 47, 129, 1) 0%, rgba(58, 159, 240, 1) 100%);
    background: linear-gradient(105deg, rgba(30, 47, 129, 1) 0%, rgba(58, 159, 240, 1) 100%);
    -webkit-border-radius: 3rem;
    border-radius: 3rem;
    opacity: 0;
}

.cate__item span {
    position: relative;
    z-index: 2;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #434c51;
}

.cate__box {
    max-width: 94.6rem;
    margin: 7.4rem auto 0 auto;
}

.cate__box.cate-dark-blue {
    background: url(../images/bg/single_cate_blue.png) no-repeat center bottom;
    background-size: 100% auto;
}

.cate__box.cate-green {
    background: url(../images/bg/single_cate_green.png) no-repeat center bottom;
    background-size: 100% auto;
}

.cate__item.current::before {
    opacity: 1;
}

.cate__item.current span {
    color: #ffff;
}

.highligh__list {
    position: relative;
    width: 78%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: -6rem;
    z-index: 1;
}

.highligh__item {
    flex: 0 0 48%;
    max-width: 48%;
    margin: 0 4% 4% 0;
}

.highligh__item:nth-child(2n) {
    margin: 0 0 4% 0;
}

.highligh__item .fs-pic {
    -webkit-border-radius: 2rem;
    border-radius: 2rem;
    overflow: hidden;
    margin-bottom: 1.7rem;
}

.highligh__item .fs-txt {
    padding: 0 2.5rem;
}

.highligh__item .fs-txt h3 {
    font-size: 2.4rem;
    color: #424d54;
    line-height: 1.2;
    text-align: center;
}

.cate__box .fs-buts {
    padding: 1rem 0 2.5rem 0;
    text-align: center;
}

.fs-single-cate .leaf-yellow-right {
    right: -1rem;
    top: 33rem;
}

.fs-single-cate .leaf-left-red {
    left: 2rem;
    top: 27rem;
}

.fs-single-cate .leaf-left {
    bottom: -12rem;
    width: 27.6rem;
    z-index: 1;
    left: -4rem;
}

.cate-white .highligh__list {
    margin-top: 0;
}


/*Short Menu*/

.short-menu {
    position: absolute;
    right: 18vw;
    bottom: 13%;
    width: 40%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    z-index: 2;
}

.short-all {
    position: relative;
    top: 10.5vw;
    width: 35%;
}

.short-all img {
    width: 100%;
}

.short-sub {
    position: relative;
    width: 28%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 0 4% 4%;
}

.short-sub img {
    position: absolute;
    top: 1vw;
    width: 56%;
    height: auto;
    z-index: 3;
}

.short-sub__active {
    opacity: 0;
}

.short-sub::before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding-top: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2.1rem 1.05rem rgba(199, 199, 199, 0.3);
    box-shadow: 0 0 2.1rem 1.05rem rgba(199, 199, 199, 0.3);
    z-index: 1;
}

.short-sub::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}

.short-sub::before,
.short-sub::after {
    -webkit-border-radius: 4rem;
    border-radius: 4rem;
}

.short-gradient-dark-blue::after {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(30, 47, 129, 1)), color-stop(100%, rgba(58, 159, 240, 1)));
    background: -webkit-linear-gradient(345deg, rgba(30, 47, 129, 1) 0%, rgba(58, 159, 240, 1) 100%);
    background: linear-gradient(105deg, rgba(30, 47, 129, 1) 0%, rgba(58, 159, 240, 1) 100%);
}

.short-gradient-light-blue::after {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(37, 199, 253, 1)), color-stop(100%, rgba(171, 245, 255, 1)));
    background: -webkit-linear-gradient(345deg, rgba(37, 199, 253, 1) 0%, rgba(171, 245, 255, 1) 100%);
    background: linear-gradient(105deg, rgba(37, 199, 253, 1) 0%, rgba(171, 245, 255, 1) 100%);
}

.short-gradient-green::after {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(11, 175, 78, 1)), color-stop(100%, rgba(123, 179, 56, 1)));
    background: -webkit-linear-gradient(345deg, rgba(11, 175, 78, 1) 0%, rgba(123, 179, 56, 1) 100%);
    background: linear-gradient(105deg, rgba(11, 175, 78, 1) 0%, rgba(123, 179, 56, 1) 100%);
}

.short-gradient-yellow::after {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 198, 54, 1)), color-stop(1%, rgba(255, 198, 54, 1)), color-stop(100%, rgba(255, 237, 0, 1)));
    background: -webkit-linear-gradient(180deg, rgba(255, 237, 0, 1) 0%, rgba(255, 198, 54, 1) 99%, rgba(255, 198, 54, 1) 100%);
    background: linear-gradient(270deg, rgba(255, 237, 0, 1) 0%, rgba(255, 198, 54, 1) 99%, rgba(255, 198, 54, 1) 100%);
}

.short-sub.active img:not(.short-sub__active),
.short-sub.active::before {
    opacity: 0;
}

.short-sub.active::after,
.short-sub.active img.short-sub__active {
    opacity: 1;
}

.short__txt {
    position: absolute;
    width: 100%;
    height: auto;
    font-family: 'LunchBox';
    text-align: center;
    text-transform: uppercase;
    z-index: 3;
    font-size: 1.2vw;
    line-height: 1.2;
}

.short-gradient-dark-blue .short__txt {
    color: #18468d;
    bottom: 0.8vw;
}

.short-gradient-light-blue .short__txt {
    color: #24c6fc;
    bottom: 2vw;
}

.short-gradient-green .short__txt {
    color: #0aae4e;
    bottom: 0.7vw;
}

.short-gradient-yellow .short__txt {
    color: #ffc536;
    bottom: 0.8vw;
}

.short-gradient-dark-blue.active .short__txt,
.short-gradient-light-blue.active .short__txt,
.short-gradient-green.active .short__txt,
.short-gradient-yellow.active .short__txt {
    color: #fff;
}

.fs-sub {
    padding: 8.2rem 0 0 0;
    background-color: #f5f5f5;
}

.sub-icon {
    position: absolute;
    left: 50%;
    top: -6.4rem;
    width: 12.8rem;
    padding: 1rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.sub-icon::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.bg-gradient::before {
    opacity: 1;
}

.bg-gradient-hide::before {
    opacity: 0;
}

.sub-blue .sub-icon::before {
    background: -moz-linear-gradient(45deg, rgba(42, 93, 175, 1) 0%, rgba(44, 104, 186, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(42, 93, 175, 1) 0%, rgba(44, 104, 186, 1) 100%);
    background: linear-gradient(45deg, rgba(42, 93, 175, 1) 0%, rgba(44, 104, 186, 1) 100%);
}

.sub-light-blue .sub-icon::before {
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(92, 218, 254, 1)), color-stop(100%, rgba(106, 223, 254, 1)));
    background: -webkit-linear-gradient(45deg, rgba(92, 218, 254, 1) 0%, rgba(106, 223, 254, 1) 100%);
    background: linear-gradient(45deg, rgba(92, 218, 254, 1) 0%, rgba(106, 223, 254, 1) 100%);
}

.sub-green .sub-icon::before {
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(58, 176, 68, 1)), color-stop(1%, rgba(58, 176, 68, 1)), color-stop(100%, rgba(68, 177, 67, 1)));
    background: -webkit-linear-gradient(45deg, rgba(58, 176, 68, 1) 0%, rgba(58, 176, 68, 1) 1%, rgba(68, 177, 67, 1) 100%);
    background: linear-gradient(45deg, rgba(58, 176, 68, 1) 0%, rgba(58, 176, 68, 1) 1%, rgba(68, 177, 67, 1) 100%);
}

.sub-yellow .sub-icon::before {
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255, 215, 30, 1)), color-stop(100%, rgba(255, 219, 24, 1)));
    background: -webkit-linear-gradient(45deg, rgba(255, 215, 30, 1) 0%, rgba(255, 219, 24, 1) 100%);
    background: linear-gradient(45deg, rgba(255, 215, 30, 1) 0%, rgba(255, 219, 24, 1) 100%);
}

.sub-icon img {
    width: 100%;
}

.sub-brief {
    position: relative;
}

.sub-bg {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 6rem 19rem 5rem 19rem;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 4.6rem;
    border-radius: 4.6rem;
    min-height: 31.6rem;
    z-index: 2;
}

.sub-brief h2 {
    color: #fff;
    font-size: 6rem;
    text-transform: uppercase;
}

.sub-brief p {
    font-size: 3rem;
    font-weight: bold;
}

.TA_left .fs-box {
    text-align: left;
}

.extra-pic {
    position: absolute;
    z-index: 1;
}

.extra-pic img {
    width: 100%;
}

.extra-blue-left {
    right: 100%;
    top: -8.5rem;
    width: 16.9rem;
}

.extra-blue-right {
    left: 100%;
    top: -7rem;
    width: 23.6rem;
    margin-left: -8rem;
}

.extra-light-blue-left {
    right: 100%;
    width: 14.7rem;
    top: -4.2rem;
    margin-right: -1rem;
}

.extra-light-blue-right {
    left: 100%;
    width: 12rem;
    top: -7.8rem;
}

.extra-green-left {
    right: 100%;
    width: 14.7rem;
    top: -3rem;
    margin-right: -2rem;
}

.extra-green-right {
    left: 100%;
    width: 16.7rem;
    top: -7rem;
    margin-left: -3rem;
}

.extra-yellow-left {
    right: 100%;
    width: 16.6rem;
    top: -6rem;
    margin-right: -3rem;
}

.extra-yellow-right {
    left: 100%;
    width: 16.3rem;
    top: -8rem;
    margin-left: -3rem;
}


/*Recipes*/

.fs-recipes {
    padding: 12rem 0 6rem 0;
    background-color: #d9f6ff;
    text-align: right;
}

.recipes-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.recipes-leaf {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/recipes-bg.png)center top;
    background-size: contain;
    opacity: 0.7;
    z-index: 1;
}

.recipes-white {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/recipes-bg-white.png) no-repeat center center;
    background-size: 100% auto;
    opacity: 0.3;
    z-index: 2;
}


/*Bg*/

.recipes__bg__top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 7.2rem;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    z-index: 3;
}

.recipes__bg__bot {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 12rem;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    z-index: 3;
}

.fs-recipes .fs-title {
    position: relative;
    margin-bottom: 3.5rem;
    z-index: 4;
}

.recipes-box {
    display: inline-block;
    vertical-align: middle;
    width: 49.8rem;
    height: auto;
}

.recipes-box .swiper-container {
    overflow: visible;
}

.recipes-slider {
    width: 100%;
    height: auto;
}

.recipes-box .swiper-slide {
    padding: 2rem 2rem 4rem 2rem;
    background-color: transparent;
}

.recipes-box .item-slide {
    padding: 1.3rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    box-shadow: 0px 9px 30px rgba(86, 86, 86, 0.15);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    overflow: hidden;
    background-color: #fff;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

.recipes-box .swiper-slide {
    -webkit-transform: translateX(-12%);
    transform: translateX(-12%);
}

.recipes-box .swiper-slide.swiper-slide-active {
    -webkit-transform: none;
    transform: none;
}

.recipes-box .swiper-slide.swiper-slide-active+.swiper-slide {
    -webkit-transform: none;
    transform: none;
}

.recipes-box .swiper-slide-active .item-slide {
    padding: 0;
    -webkit-transform: none;
    transform: none;
}

.recipes-box .fs-pic {
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    overflow: hidden;
}

.recipes-box .swiper-slide-active .fs-pic {
    padding: 0;
}

.cate-title h2 {
    font-size: 2.4rem;
}

.fs-cate-list p {
    font-size: 1.3rem;
}

.brush-box span,
.enjoy-title span {
    padding: 0.7rem 2rem;
    text-transform: uppercase;
    background-size: cover;
}

.brand-pic {
    position: absolute;
    right: 1.8rem;
    top: -3.6rem;
    width: 7.2rem;
    height: auto;
}

.recipes-box .fs-txt {
    padding: 2.7rem 2.7rem 8rem 2.7rem;
}

.recipes-outer h3 {
    min-height: 6.6rem;
}

.recipes-outer .fs-buts {
    position: absolute;
    left: 2.7rem;
    bottom: 3rem;
}

.recipes-outer .fs-but::before {
    display: none;
}

.recipes-outer .fs-but {
    width: auto;
    color: #ed1d24;
    line-height: normal;
    height: initial;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
}

.recipes-outer .fs-but::after {
    top: auto;
    bottom: 0;
    width: 0;
    height: 1px;
    opacity: 1;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

.recipes-outer .fs-but:hover::after {
    width: 100%;
}

.recipes-outer .fs-but span {
    background: url(../images/arrow-red.png) no-repeat right center;
    background-size: 2.3rem auto;
}

.recipes-outer .fs-but.external-link span {
    background: url(../images/out-icon.png) no-repeat right center;
    background-size: 1.6rem auto;
}

.fs-recipes .fs-inr>.fs-buts {
    display: inline-block;
    left: 45rem;
}

.fs-recipes .leaf-left {
    top: 12rem;
    left: -1rem;
    z-index: 5;
}

.fs-recipes .leaf-right {
    top: -14rem;
    right: -4rem;
    z-index: 3;
}

.cirlce-yellow {
    position: absolute;
    left: 50%;
    top: 28.5rem;
    width: 10.8rem;
    height: 10.8rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffc436;
    z-index: 4;
    margin-left: -62.5rem;
}

.fs-recipes .ellip.bg-red {
    right: auto;
    left: -14.5rem;
    top: -6rem;
    width: 29rem;
    height: 29rem;
    z-index: 3;
}

.default__home .cirlce-yellow {
    top: 19.5rem;
}

.default__home .fs-recipes .leaf-left {
    top: 30rem;
}

.fs-nestle-reciples {
    padding: 10rem 0 12rem 0;
}

.fs-nestle-reciples .fs-title {
    margin-bottom: 3rem;
}

.nestle-sort-box {
    position: relative;
    width: 100%;
    height: 7rem;
    line-height: 7rem;
    max-width: 114.2rem;
    margin: 0 auto 1.5rem auto;
    padding: 0 3rem;
    background-color: #fff;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    box-shadow: 0px 9px 30px rgba(86, 86, 86, 0.2);
}

.nestle-sort {
    display: inline-block;
    vertical-align: top;
    width: 78%;
}

@media screen and (min-width:1260px) {
    .nestle-sort .fs-box:nth-child(4) {
        margin-left: 6rem;
    }
}

.nestle-sort .fs-box {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-right: 2.5rem;
}

.nestle-sort .fs-checkbox {
    position: relative;
    line-height: normal;
}

.nestle-sort .fs-checkbox label {
    padding-left: 2.5rem;
}

.nestle-sort .fs-box:last-child {
    margin: 0;
}

.nestle-sort .fs-select-header {
    height: auto;
    border: none;
    padding: 0 1.6rem 0 0;
}

.nestle-sort .fs-select-box {
    min-width: 24rem;
}

.nestle-sort .fs-select-box ul {
    box-shadow: 0px 9px 30px rgba(86, 86, 86, 0.2);
}

.nestle-sort .fs-select-box li {
    padding: 0.8rem 1.5rem;
    font-size: 1.4rem;
}

.nestle-sort .fs-select-box li.selected {
    color: #e84637;
}

.nestle-sort .fs-select-header span {
    color: #424d54;
    font-size: 1.5rem;
}

.nestle-sort .fs-select-header::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 11px;
    height: 8px;
    background: url(../images/arrow-down.png) no-repeat center center;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nestle-search {
    width: 22%;
    float: right;
}

.nestle-search input[type="text"] {
    width: 100%;
    height: 5.5rem;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #dedede;
    color: #424d54;
    font-size: 1.5rem;
    padding: 1.2rem 2.7rem 0 0.5rem;
}

.nestle-search input[type='text']::placeholder {
    color: #424d54;
}

.nestle-search input[type='text']:-ms-input-placeholder {
    color: #424d54;
}

.nestle-search input[type='text']::-ms-input-placeholder {
    color: #424d54;
}

.nestle-search input[type='text']::-moz-placeholder {
    color: #424d54;
    opacity: 1;
}

.nestle-search-but {
    position: absolute;
    right: 10px;
    top: -2px;
    width: 7rem;
    height: 7rem;
    line-height: 7rem;
    text-align: center;
    cursor: pointer;
}

.nestle-search-but img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 2.2rem;
    max-height: 2.2rem;
    vertical-align: middle;
}

.nestle-slugs {
    position: relative;
    width: 100%;
    max-width: 114.2rem;
    display: block;
    margin: 0 auto 3.5rem auto;
    padding: 0 4rem;
    font-size: 0;
}

.nestle-slugs span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-color: #f3f1f1;
    padding: 0.7rem 2rem 1.1rem;
    -webkit-border-radius: 3rem;
    border-radius: 3rem;
    font-size: 1.4rem;
    color: #424d54;
    cursor: pointer;
    margin: 0 0.5rem 1rem 0;
}

.nestle-slugs span.slug-delAll {
    background-color: #424d54;
    color: #fff;
}

.nestle-slugs span.slug-del {
    padding: 0.7rem 3rem 1.1rem 2rem;
}

.nestle-slugs span.slug-del::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 10px;
    height: 10px;
    background: url(../images/close.png) no-repeat center center;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nestle-items {
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;
}

.nestle-items .fs-box {
    display: inline-block;
    vertical-align: top;
    width: 31%;
    margin: 0 3.5% 3.5% 0;
}

.nestle-items .fs-box a {
    display: block;
}

.nestle-items .fs-box:nth-child(3n) {
    margin: 0 0 3.5% 0;
}

.nestle-items .fs-pic {
    margin-bottom: 2rem;
    background-color: #fff;
    padding: 5px;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0px 7px 15px rgba(86, 86, 86, 0.15);
}

.nestle-items .fs-pic img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.nestle-items .fs-txt {
    padding: 0 1rem;
}

.nestle-items .brush-box {
    margin-bottom: 1rem;
}

.fs-nestle-reciples .fs-buts {
    text-align: center;
}

.fs-nestle-reciples .leaf-left-red {
    top: 28rem;
    left: 0;
}

.fs-nestle-reciples .ellip.bg-yellow {
    top: 32rem;
    right: -27.2rem;
}

.fs-nestle-reciples .leaf-right {
    right: -1.5rem;
    bottom: -5rem;
}

.fs-nestle-reciples .leaf-yellow {
    left: 3.7rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


/*Happening*/

.fs-happening {
    padding: 13.6rem 0 8.7rem 0;
    background: #fff;
}

.fs-happening .fs-title {
    margin-bottom: 7.8rem;
}

.fs-happening .fs-buts {
    padding-top: 2rem;
    text-align: right;
    padding-right: 18rem;
}

.happen-box {
    float: left;
    width: 68.48%;
}

.happen-list {
    margin-bottom: 4.2rem;
}

.happen-item {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 3rem;
}

.happen-item:last-child {
    margin-bottom: 0;
}

.happen-item a {
    display: block;
    overflow: hidden;
}

.happen-item::after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

.happen-item .fs-pic {
    float: left;
    width: 46%;
    -webkit-border-radius: 2rem;
    border-radius: 2rem;
    overflow: hidden;
}

.happen-item .fs-txt {
    float: right;
    width: 54%;
    padding: 0 8rem 0 3rem;
}

.happening-date {
    display: block;
    margin-bottom: 1.6rem;
    font-size: 1.2rem;
    line-height: 2.4rem;
}

.happening-date strong {
    font-size: 150%;
}

.star-date,
.end-date,
.happening-date span,
.happening-date strong {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.star-date {
    color: #f03313;
    margin-right: 2rem;
}

.end-date {
    color: #424d54;
}

.happening-date span {
    margin-right: 0.5rem;
}

.star-date::after {
    content: '';
    position: absolute;
    top: 20%;
    right: -1rem;
    width: 1px;
    height: 60%;
    background-color: #9a9a9a;
}

.fs-happening .leaf-left-red {
    left: 0;
    bottom: -9rem;
}


/*Event box*/

.event-box {
    position: relative;
    float: right;
    width: 31.52%;
    padding-top: 5.4rem;
}

.event-slider {
    width: 100%;
    height: auto;
    z-index: 2 !important;
}

.event-slider .swiper-slide {
    background-color: transparent;
}

.event-box .fs-pic {
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    overflow: hidden;
    z-index: 2;
}

.event-box .ellip.bg-red {
    right: 0;
    top: 100%;
    width: 9.2rem;
    height: 9.2rem;
    margin: -4.6rem -2.5rem 0 0;
}


/*Happened*/

.fs-happened {
    padding: 9rem 0 6rem 0;
    background-color: #d8f6ff;
}

.fs-happened .fs-title {
    position: relative;
    margin-bottom: 38px;
    z-index: 4;
}

.fs-happened .fs-inr {
    width: 100%;
    max-width: 114.2rem;
    margin: 0 auto;
    z-index: 4;
}

.fs-happened .happen-box {
    float: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.fs-happened .happen-item {
    flex: 0 0 50%;
    max-width: 50%;
    font-size: 0;
}

.fs-happened .happen-item a {
    display: flex;
    align-items: flex-end;
}

.fs-happened .happen-item .fs-pic,
.fs-happened .happen-item .fs-txt {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.fs-happened .happen-item .fs-txt {
    padding: 0 2.2rem 2rem 2.2rem;
}

.fs-happened .fs-buts {
    padding-top: 1rem;
    text-align: center;
}

.fs-happened .leaf-left-red {
    top: -1.5rem;
    left: 0;
}

.fs-happened .ellip {
    top: 50%;
    right: -27.2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.fs-detail {
    padding: 5rem 0;
}

.clustera_recipe_detail .fs-detail,
.clusterb_recipe_detail .fs-detail,
.clusterc_recipe_detail .fs-detail {
    padding: 25rem 0 5rem 0;
}

.clustera_recipe_detail .recipes-detail h2,
.clusterb_recipe_detail .recipes-detail h2,
.clusterc_recipe_detail .recipes-detail h2 {
    text-align: center;
    color: #f03313;
}

.clustera_recipe_detail .event-box.bg__grey,
.clusterb_recipe_detail .event-box.bg__grey,
.clusterc_recipe_detail .event-box.bg__grey {
    background-color: #f1f1f1;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    padding: 4.6rem 1rem 0 1rem;
}

.fs-detail .fs-title {
    margin-bottom: 3.6rem;
}

.fs-detail .fs-inr {
    z-index: 5;
}

.fs-detail h2,
.fs-detail h2 span {
    text-align: left;
}

.fs-detail .event-box {
    padding: 0;
}

.event-box__banner {
    position: relative;
    width: 100%;
    margin-bottom: 5rem;
}

.fs-detail.recipes-detail .event-box {
    padding-top: 4.5rem;
}

.event__item {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 4.6rem;
}

.event__item__pic {
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    overflow: hidden;
}

.event-box__banner .fs-pic .fs-buts,
.event__item__pic .fs-buts {
    position: absolute;
    left: 0;
    bottom: 1.5rem;
    width: 100%;
    text-align: center;
}

.event__item h3 {
    color: #f03313;
    font-size: 3rem;
    font-weight: 900;
    text-align: center;
    margin-bottom: 3rem;
    line-height: 1.2;
}

.event__item img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.event__item__txt {
    padding: 2rem 0 3rem 0;
}

.event__item__txt p {
    color: #424d54;
    font-size: 2.4rem;
    font-weight: 400;
    text-align: center;
    line-height: 1.4;
}

.event__item .fs-buts {
    text-align: center;
}

.detail-box {
    float: left;
    width: 68.48%;
    padding-right: 5%;
}

.date-post {
    position: relative;
    font-size: 1.3rem;
    color: #9a9a9a;
    padding-left: 3.2rem;
    margin-bottom: 2rem;
}

.date-post::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1.6rem;
    height: 1.6rem;
    background: url(../images/icon-date.png) no-repeat center center;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.summary {
    margin-bottom: 2.5rem;
}

.summary p {
    font-size: 2rem;
}

.detail-content p {
    font-size: 1.6rem;
    color: #424d54;
    margin-bottom: 4rem;
}

.detail-content img {
    width: 100%;
    height: auto;
}

.detail-content table {
    width: 100%;
    border: 1px solid #dbdbdb;
    margin-bottom: 4rem;
    border-radius: 0 3rem 0 3rem;
}

.detail-content table th {
    position: relative;
    padding: 3rem 3rem 1.5rem 3rem;
    font-size: 1.8rem;
    text-align: left;
}

.detail-content table th::after {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 1rem;
    background-color: #dbdbdb;
}

.detail-content table td {
    padding: 0.5rem 3rem;
    font-size: 1.6rem;
    color: #424d54;
}

.detail-content table tr:last-child td {
    padding: 0.5rem 3rem 2rem 3rem;
}

.detail-social {
    width: 100%;
    font-size: 0;
    padding: 1rem 0 1.4rem 0;
    margin-bottom: 1.4rem;
    border-bottom: 1px solid #dbdbdb;
}

.detail-social li {
    display: inline-block;
    width: auto;
    height: auto;
    vertical-align: top;
    line-height: 0;
    margin: 0 0.7rem 0 0;
}

.tags {
    position: relative;
    width: 100%;
    display: block;
    margin: 0 auto 5.5rem auto;
    font-size: 0;
}

.tags span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-color: #f3f1f1;
    padding: 0.7rem 1.4rem 1rem;
    -webkit-border-radius: 3rem;
    border-radius: 3rem;
    font-size: 1.4rem;
    color: #424d54;
    cursor: pointer;
    margin: 0 1.4rem 0 0;
}

.tags span:nth-child(1) {
    background-color: transparent;
    padding: 0.7rem 0 1rem 0;
}

.relations {
    position: relative;
}

.relations .small-title {
    color: #ed3523;
    font-size: 1.8rem;
    margin-bottom: 2.1rem;
}

.relations li {
    display: block;
    margin-bottom: 1.5rem;
}

.relations li a {
    position: relative;
    padding-left: 1.8rem;
    display: inline-block;
    font-size: 1.6rem;
    color: #424d54;
}

.relations li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    width: 5px;
    height: 5px;
    background-color: #424d54;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.fs-detail .bird {
    top: 50rem;
}

.fs-detail .leaf-right-yellow {
    left: 100%;
    top: 0;
}

.recipes-detail .leaf-left-red {
    top: 27rem;
    left: 0;
}

.recipes-detail .ellip.bg-yellow {
    top: 50%;
    right: -27.2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.recipes-detail .leaf-right {
    right: -1.5rem;
    bottom: 20rem;
}

.clustera_recipe_detail .recipes-detail .leaf-right {
    bottom: 1rem;
}

.clusterb_recipe_detail .recipes-detail .leaf-right {
    z-index: 2;
    bottom: -5rem;
}

.clusterc_recipe_detail .recipes-detail .leaf-right {
    bottom: 3rem;
}

.recipes-detail .leaf-yellow {
    left: 3.7rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.fs-distributions {
    padding: 10rem 0 12rem 0;
    background-color: #e8685d;
}

.fs-distributions:not(.type-square) .fs-title {
    display: none;
}

.fs-distributions.type-square .fs-title .line {
    display: inline-block !important;
}

.fs-distributions .line::before {
    background-color: #fff;
}

.distributions-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


/*Bg*/

.distributions-leaf {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/distributions-bg.png) no-repeat left center;
    /* background-size:100% auto; */
    background-size: auto 100%;
    z-index: 3;
}

.distributions__bg__top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 6rem;
    z-index: 3;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

.distributions__bg__bot {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 7.1rem;
    z-index: 3;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}

.fs-distributions .fs-title {
    margin-bottom: 3rem;
    position: relative;
    z-index: 4;
}

.fs-distributions .fs-inr {
    font-size: 0;
    z-index: 4;
}

.distribution-main {
    display: inline-block;
    vertical-align: middle;
    width: 31%;
    text-align: right;
    padding: 2rem;
}

.distribution-main .fs-pic {
    display: inline-block;
    width: 56%;
    line-height: 0;
    margin-bottom: 3rem;
}

.distribution-main h2 {
    margin-bottom: 1.6rem;
    font-size: 3rem;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
}

.distribution-main p {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 400;
    margin-bottom: 3.6rem;
}

.distribution-side {
    display: inline-block;
    vertical-align: middle;
    width: 69%;
    text-align: left;
    padding-left: 8.4rem;
}

.distribution-side li {
    display: inline-block;
    vertical-align: middle;
    width: 12.5%;
    margin: 1.18% 4.36% 1.18% 0;
    line-height: 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.distribution-side li a {
    display: block;
}

.distribution-side li img {
    width: 100%;
}

.fs-distributions .leaf-yellow {
    right: 6.2rem;
    top: -6.7rem;
    z-index: 4;
}

.fs-distributions .fs-buts {
    padding: 3rem 0;
    z-index: 2;
    text-align: left;
}

.fs-distributions.type-square .fs-buts {
    display: none;
}

.type-square {
    padding: 9.8rem 0 8rem 0;
    background-color: #fff;
}

.type-square .distributions-bg,
.type-square .line,
.type-square .distribution-main h2,
.type-square .leaf-yellow {
    display: none !important;
}

.type-square .fs-inr {
    text-align: center;
}

.type-square .distribution-main {
    width: 26.2rem;
    padding: 1.7rem 0;
    text-align: center;
    /* background-color:#f01716; */
    /* background-color: #ececec; */
    -webkit-border-radius: 0 2rem 0 2rem;
    border-radius: 0 2rem 0 2rem;
}

.type-square .distribution-main .fs-pic {
    width: 70%;
    margin: 0;
}

.type-square .distribution-side {
    width: auto;
    padding: 0;
}

.type-square .distribution-side ul {
    display: flex;
    max-width: 81rem;
    flex-wrap: wrap;
    padding-left: 4.2rem;
}

.clusterb_brands .type-square .distribution-side ul {
    max-width: 61rem;
}

.type-square .distribution-side li {
    display: block;
    flex: 0 0 7.6rem;
    max-width: 7.6rem;
    height: 7.6rem;
    margin: 1rem 2rem 1rem 0;
}

.type-square .fs-title {
    margin-bottom: 6rem;
}

.type-square .fs-title .line::before {
    background-color: #e8685d;
}


/*Brands*/

.fs-brands {
    padding: 10rem 0;
    background-color: #eefbff;
}


/* .fs-distributions + .fs-brands {
  padding:14rem 0 10rem 0;
} */

.fs-brands .fs-title {
    margin-bottom: 6.5rem;
}

.fs-brands .fs-inr {
    width: 100%;
    margin: 0 auto;
    max-width: 114.2rem;
    z-index: 4;
}

.fs-brands .fs-buts {
    text-align: center;
}

.brands-items {
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;
}

.brands-items .fs-box {
    display: inline-block;
    vertical-align: top;
    width: 31%;
    margin: 0 3.5% 3.5% 0;
    padding: 3% 2.5%;
    text-align: center;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0px 9px 30px rgba(86, 86, 86, 0);
}

.brands-items .fs-box:nth-child(3n) {
    margin: 0 0 3.5% 0;
}

.brands-items h3 {
    margin-bottom: 1.6rem;
    min-height: 6.6rem;
}

.brands-items .fs-pic {
    margin-bottom: 20px;
}

.brands-items .fs-pic img {
    height: 207px;
    width: auto;
}

.fs-brands .leaf-left-red {
    top: -20rem;
    left: 0;
    z-index: 4;
}

.fs-brands .ellip.bg-yellow {
    top: -15rem;
    right: -27.2rem;
    z-index: 4;
}

.fs-brands .leaf-right {
    right: -1.5rem;
    bottom: 16rem;
    z-index: 4;
}

.fs-brands .leaf-yellow {
    left: 3.7rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.fs-search {
    padding: 20rem 0 6rem 0;
}

.fs-search .fs-title {
    margin-bottom: 3rem;
}

.search-box {
    position: relative;
    width: 100%;
    max-width: 54rem;
    margin: 0 auto;
}

.search-box input[type="text"] {
    width: 100%;
    height: 60px;
    background-color: #dedede;
    border: none;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    color: #424d54;
    font-size: 16px;
    padding: 7px 60px 7px 25px;
}

.search-but {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
}

.search-but img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 21px;
    max-height: 21px;
    vertical-align: middle;
}

.shortcut-results {
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 1rem 2rem 0 2rem;
    font-size: 0;
    text-align: center;
}

.shortcut-results li {
    display: inline-block;
    vertical-align: top;
    color: #424d54;
    font-size: 1.6rem;
    margin: 0 1.4rem 1rem 0;
}


/*Search results*/

.fs-search .bird {
    top: 19rem;
}

.results-item {
    position: relative;
    overflow: hidden;
}

.by-recipe {
    background-color: #d8f6ff;
}

.by-recipe .recipes-white {
    opacity: 0.7;
}

.results-item .small-title {
    margin-bottom: 2.5rem;
    color: #424d54;
    font-size: 2rem;
    text-transform: uppercase;
}

.results-inr {
    position: relative;
    z-index: 5;
}

.fs-results .happen-box {
    float: none;
    width: 100%;
}

.fs-results .happen-item {
    width: 50%;
    float: left;
}

.by-happening .happen-item .fs-pic {
    width: 44%;
}

.by-happening .happen-item .fs-txt {
    width: 56%;
    padding: 0 2.8rem;
}

.by-happening .happening-date {
    margin-bottom: 2rem;
}

.by-recipe .ellip.bg-red {
    right: auto;
    top: 0;
    left: -17rem;
    z-index: 5;
}

.fs-results .nestle-items .fs-box {
    display: block;
    width: 100%;
    padding: 0 1.5rem;
}

.fs-results .swiper-slide {
    background-color: transparent;
}

.nestle-items .swiper-button-prev,
.nestle-items .swiper-button-next {
    top: 30%;
}

.nestle-items .swiper-button-prev {
    left: -3%;
}

.nestle-items .swiper-button-next {
    right: -3%;
}

.nestle-items .swiper-button-prev.swiper-button-disabled,
.nestle-items .swiper-button-next.swiper-button-disabled {
    opacity: 0.5;
}

.by-happening,
.by-recipe,
.by-enjoy {
    padding: 8rem 0;
}

.by-enjoy .leaf-right-yellow2 {
    left: auto;
    right: -9rem;
    top: 3rem;
    bottom: auto;
    z-index: 5;
}


/*FORM*/

.fs-group {
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.feedback-box input[type="email"],
input[type='text'],
input[type='email'],
input[type='password'],
textarea {
    display: block;
    width: 100%;
    height: 60px;
    padding: 15px 30px;
    font-size: 16px;
    color: #424d54;
    border: 1px solid #dedede;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.fs-error-txt {
    position: absolute;
    left: 1px;
    top: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background-color: #fff;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    visibility: hidden;
}

.fs-show-error .fs-error-txt {
    visibility: visible;
}

.fs-error-txt p {
    position: absolute;
    left: 30px;
    top: 50%;
    font-size: 16px;
    color: #ed3523;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fs-form {
    padding: 22rem 0 10rem 0;
    text-align: center;
}

.fs-form .fs-title {
    margin-bottom: 3rem;
}

.fs-form .fs-inr {
    width: 100%;
    max-width: 61.8rem;
    margin: 0 auto;
}

.form-box {
    width: 100%;
    padding: 30px;
    margin: 0 auto 3.4rem auto;
    box-shadow: 0px 9px 30px rgba(86, 86, 86, 0.15);
}

.form-box form {
    padding: 0 6rem;
}

.form-box .fs-buts {
    padding-top: 5px;
}

.fs-form h3 {
    margin-bottom: 30px;
    font-size: 2rem;
    color: #424d54;
    text-transform: uppercase;
}

.fs-form .fs-but {
    height: 6rem;
    line-height: 6rem;
}

.fs-form .fs-group {
    text-align: left;
}

.extra-box {
    padding: 2.8rem 0 2.2rem 0;
}

.extra-box p {
    margin-bottom: 1rem;
    font-size: 1.6rem;
}

.extra-box p:last-child {
    margin: 0;
}

.extra-box p a {
    color: #ed3523;
    text-decoration: underline;
}

.form-social {
    font-size: 0;
}

.form-social li {
    display: inline-block;
    vertical-align: top;
    width: 18rem;
    height: auto;
    line-height: 0;
    margin: 0 2rem;
}

.form-social li a,
.form-social li img {
    display: block;
    width: 100%;
}

.fs-form .bird {
    top: 22rem;
}

.gigya-style-modern .gigya-screen-caption:before {
    position: relative;
    top: -5px;
}

.fs-form .leaf-right-yellow2 {
    right: -8rem;
    bottom: 6rem;
}

.fs-form .ellip.bg-red {
    width: 28.9rem;
    height: 28.9rem;
    top: 40rem;
    right: auto;
    left: -20.4rem;
}

.eye-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 6rem;
    height: 6rem;
    background: url(../images/eye.png) no-repeat center center;
    cursor: pointer;
    z-index: 1;
}

.eye-icon::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40%;
    height: 2px;
    background-color: #424d54;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    opacity: 0;
}

.eye-open::before {
    opacity: 1;
}

.register-box {
    max-width: 420px;
    margin: 0 auto;
}

.mask-txt,
.password-rule p,
.password-rule li {
    font-size: 1.6rem;
    color: #424d54;
}

.mask-txt {
    position: absolute;
    left: 2rem;
    top: 50%;
    padding: 1rem;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    pointer-events: none;
}

.fs-show-error .mask-txt,
.hide-mask .mask-txt {
    display: none;
}

.password-rule p sup,
.mask-txt sup {
    position: relative;
    top: 0.5rem;
    color: #f5624d;
    font-size: 80%;
}

.password-rule {
    text-align: left;
}

.password-rule p {
    margin-bottom: 1.8rem;
}

.password-rule ul {
    overflow: hidden;
    margin-bottom: 2rem;
}

.password-rule li {
    float: left;
    width: 50%;
    margin-bottom: 1rem;
}

.register-rule {
    margin-bottom: 3rem;
    padding: 2.5rem 1.8rem;
    background-color: #f4f4f4;
    text-align: left;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}

.register-rule .fs-checkbox label {
    font-size: 1.5rem;
    color: #424d54;
    padding: 0 0 0 3rem;
}

.register-rule .fs-checkbox label a {
    color: #f03313;
}

.register-rule .fs-checkbox input[type='checkbox'],
.register-rule .fs-checkbox label::before {
    width: 2rem;
    height: 2rem;
    left: 0;
    top: 0;
    border: 1px solid #dedede;
    background-color: #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.register-rule .fs-checkbox label::after {
    left: 4px;
    top: 4px;
    width: 1.2rem;
    height: 1.2rem;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.company-info {
    max-width: 54rem;
    padding: 5rem;
    background-color: #fff;
    -webkit-border-radius: 0 30px 0 30px;
    border-radius: 0 30px 0 30px;
    box-shadow: 0px 9px 30px rgba(86, 86, 86, 0.15);
}

.fs-banner.by-contact .fs-outer {
    left: auto;
    right: 51.7777%;
}

.fs-banner .company-info h2 {
    font-size: 1.9rem;
    margin-bottom: 1.6rem;
    color: #f03313;
}

.fs-banner.by-contact .fs-outer::before {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 3.2rem;
    width: 11.4583333vw;
    height: 3.472222vw;
    background: url(../images/contact-arrow.png) no-repeat left top;
    background-size: 100% auto;
}

.fs-banner .company-address {
    margin-bottom: 3rem;
}

.fs-banner .company-info p {
    font-size: 1.5rem;
    color: #424d54;
}

.fs-feedback {
    padding: 40px 0;
}

.fs-feedback .fs-title {
    margin-bottom: 50px;
}

.feedback-option {
    font-size: 0;
    margin-bottom: 20px;
}

.feedback-option .fs-select.fs-sp {
    display: none;
}

.feedback-option li {
    display: inline-block;
    vertical-align: top;
    margin-right: 45px;
    cursor: pointer;
}

.feedback-option li:last-child {
    margin: 0;
}

.feedback-option li h3 {
    text-transform: uppercase;
    color: #424d54;
    font-size: 1.5rem;
}

.feedback-option li.active h3 {
    color: #ed3523;
}

.fs-feedback .fs-inr {
    width: 90%;
    max-width: 860px;
    margin: 0 auto;
    padding: 5rem 8rem 7rem 8rem;
    background-color: #f4f4f4;
    -webkit-border-radius: 0 30px 0 30px;
    border-radius: 0 30px 0 30px;
}

.feedback-box p strong {
    text-align: left;
    display: block;
    font-size: 1.7rem;
}

.feedback-box {
    width: 100%;
    height: auto;
    padding: 40px 80px 50px 80px;
    -webkit-border-radius: 0 30px 0 30px;
    border-radius: 0 30px 0 30px;
    background-color: #fff;
    box-shadow: 0px 9px 30px rgba(86, 86, 86, 0.15);
}

.feedback-box textarea {
    height: 170px;
}

.feedback-box p {
    margin-bottom: 30px;
    font-size: 16px;
}

.form-note span {
    color: #ed3523;
}

.feedback-box .fs-buts {
    text-align: center;
}

.feedback-box .fs-but {
    width: auto;
    height: 60px;
    line-height: 60px;
    background-color: #ed3523;
    color: #fff;
    border: none;
}

.detail-social li img {
    height: 54px;
}

.hide-by-option p {
    margin: 0;
}

.hide-by-option {
    display: none;
}

.contact-ex-group.hide-by-option {
    display: block;
}

.hide-by-option.show {
    display: block;
}

.expire-info-wrapper .form-item:nth-child(2),
.expire-info-wrapper .form-item:nth-child(3),
.expire-info-wrapper .form-item:nth-child(4) {
    float: left;
    width: 31%;
}

.expire-info-wrapper .fs-group:nth-child(1) {
    width: 100%;
    clear: both;
}

.expire-info-wrapper .form-item:nth-child(2) {}

.expire-info-wrapper .form-item:nth-child(3) {
    margin: 0 3.5%;
}

.expire-info-wrapper .form-item:nth-child(4) {}

.contact-ex-group {
    width: 100%;
    clear: both;
}

.feedback-box .size-03 .fs-col {
    float: left;
    width: 31%;
}

.feedback-box .size-03 .fs-col:nth-child(2) {
    margin: 0 3.5%;
}

.feedback-box .size-02 .fs-col {
    width: 44%;
    float: left;
}

.feedback-box .size-02 .fs-col:nth-child(2) {
    float: right;
}

.summary p {
    font-size: 1.8rem;
}

.relations li a,
.detail-content p {
    font-size: 1.5rem;
}

.fs-feedback .ellip.bg-yellow {
    right: 0;
    bottom: 10rem;
    right: -27.2rem;
}


/*Tet*/

.video-but {
    position: absolute;
    width: 4.16666vw;
    left: 32.5%;
    top: 52%;
    z-index: 2;
    cursor: pointer;
}

.video-but img {
    width: 100%;
}

.fs-headline {
    padding: 3rem 0;
}

.headline-inr {
    max-width: 64rem;
    margin: 0 auto;
    text-align: center;
}

.title__inline {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2rem;
}

.fs-title h2.title__inline {
    color: #da0000;
    font-size: 3rem;
    text-transform: capitalize;
    line-height: 1.2;
}

.title__dot {
    position: relative;
    top: -0.3rem;
    display: inline-block;
    vertical-align: middle;
    width: 6.4rem;
    height: 0.2rem;
    background-color: #dc0000;
}

.title__dot::before {
    content: '';
    position: absolute;
    top: -0.4rem;
    width: 1rem;
    height: 1rem;
    border: 0.2rem solid #da0000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.title__dot-l::before {
    left: -1rem;
}

.title__dot-r::before {
    right: -1rem;
}

.headline-brief {
    padding: 1rem 8rem 3rem 8rem;
    font-size: 1.6rem;
    color: #3e3e3e;
}

.fs-message {
    margin-bottom: 5rem;
}

.message-inr .fs-buts {
    position: absolute;
    bottom: 3.5vw;
    width: 100%;
    text-align: center;
}

.message-endow {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4rem;
    color: #fbde1b;
    font-weight: 900;
    margin-left: 3rem;
    cursor: pointer;
}

.message-endow::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fbde1b;
}

.message-endow::after {
    content: '';
    position: absolute;
    right: -13%;
    top: 50%;
    width: 1.7rem;
    height: 1.7rem;
    background: url(../images/arrow_down_yellow.png) no-repeat center center;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.but-yellow {
    overflow: initial;
    color: #844400;
    font-size: 1.4rem;
}

.but-yellow::before,
.but-yellow::after {
    -webkit-border-radius: 3rem;
    border-radius: 3rem;
}

.but-yellow::before {
    background: #f9ee5c;
}

.but-yellow::after {
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
    opacity: 1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248, 233, 116, 1)), color-stop(100%, rgba(238, 214, 52, 1)));
    background: -webkit-linear-gradient(90deg, rgba(238, 214, 52, 1) 0%, rgba(248, 233, 116, 1) 100%);
    background: linear-gradient(0deg, rgba(238, 214, 52, 1) 0%, rgba(248, 233, 116, 1) 100%);
}

.fs-but.arrow_down_red span {
    background: url(../images/arrow_down_red.png) no-repeat right -4px;
    background-size: 2.1rem auto;
}

.flower {
    position: absolute;
    line-height: 0;
}

.flower img {
    width: 100%;
}

.message__flower1 {
    top: 0;
    left: 0;
    width: 18.28125vw;
}

.message__flower2 {
    width: 7.3vw;
    top: -0.416666vw;
    right: 0.625vw;
}

.message__flower3 {
    width: 3.6458333vw;
    bottom: 0;
    left: 22vw;
}

.fs-promotion {
    padding-bottom: 32rem;
}

.promotion-inr {
    max-width: 114rem;
    margin: 0 auto;
}

.promotions {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin: 5rem auto 0 auto;
    justify-content: space-between;
    align-items: flex-start;
}

.promotions__item {
    width: 32%;
    padding: 0.8rem;
    background: url(../images/tet/gold-bg.jpg) no-repeat center center;
    background-size: cover;
    -webkit-border-radius: 2.6rem;
    border-radius: 2.6rem;
}

.promotions__item--nescafe {
    margin-top: 12%;
}

.promotions__item--kitkat {
    margin-top: 3%;
}

.promotions__detail {
    width: 100%;
    -webkit-border-radius: 2.6rem;
    border-radius: 2.6rem;
    overflow: hidden;
}

.promotions__detail--nescafe,
.promotions__detail--kitkat {
    background-color: #e00000;
}

.promotions__detail--maggi {
    background-color: #fae639;
}

.promotions__detail--milo {
    background-color: #2dad51;
}

.promotions__detail--nestea {
    background-color: #85daf0;
}

.promotions__detail--nescafe,
.promotions__detail--kitkat {
    position: relative;
}

.promotions__item--milo,
.promotions__item--nestea {
    position: absolute;
    left: 34%;
}

.promotions__item--milo {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    margin-top: 2%;
}

.promotions__item--nestea {
    -webkit-transform: translateY(100%);
    transform: translateY(200%);
    margin-top: 4%;
}

.promotions__img {
    width: 100%;
}

.promotions__detail--nescafe {
    padding: 1.7rem 0 2.8rem 0;
}

.promotions__title--nescafe {
    width: 85.83333%;
    margin: 0 auto 2rem auto;
}

.promotions__product--nescafe {
    width: 100%;
}

.promotions__wrap {
    position: relative;
}

.promotions__wrap::before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding-top: 87.5%;
}

.promotions__detail--maggi,
.promotions__detail--milo,
.promotions__detail--nestea {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.promotions__detail--maggi {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.promotions__title--maggi {
    width: 46%;
    margin-left: 1.4rem;
    margin-top: -4rem;
}

.promotions__product--maggi {
    width: 46.5%;
    margin-right: 0.5rem;
    margin-bottom: -3rem;
}

.promotions__detail--milo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.promotions__title--milo {
    position: relative;
    width: 81.8965%;
    margin: 1.3rem auto 0 auto;
}

.promotions__product--milo {
    position: relative;
    width: 72.4137%;
    margin: 1rem auto 0 auto;
}

.promotions__title--nestea {
    position: relative;
    ;
    /* left:1rem;
  top:2rem; */
    width: 88.5057%;
    margin: 0 auto;
    padding: 0.5rem 0;
}

.promotions__product-nestea {
    position: relative;
    ;
    /* right:-1rem; */
    bottom: 1.5rem;
    width: 64.6551%;
    margin: 0 auto;
}

.promotions__detail--kitkat {
    padding: 1.3rem 0 1rem 0;
}

.promotions__title--kitkat {
    width: 87.93103%;
    margin: 0 auto 2.5rem auto;
}

.promotions__product--kitkat {
    width: 117.7777%;
}

.promotions__img--kitkat {
    position: relative;
    left: -16.7777%;
}

.promotions__over {
    background-color: rgba(255, 8, 12, 0.9);
    color: #fff;
    font-size: 1.6rem;
}

.promotions__over p {
    padding: 0 2rem;
    text-align: center;
}

.promotions__over strong {
    font-weight: bold;
}

.promotions__over--nescafe {
    padding: 1.7rem 0 2.8rem 0;
}

.promotions__over--kitkat {
    padding: 1.3rem 0 1rem 0;
}

.promotions__item .fs-buts {
    padding: 4.8rem 0 2rem 0;
    text-align: center;
}

.promotions__item .fs-but {
    padding: 0 5rem;
}

.promotions__over__title--maggi {
    width: 86.7816%;
    margin: 0 auto;
    padding: 2rem 0 0.5rem 0;
}

.promotions__item .promotions__over--maggi .fs-buts {
    padding: 1.5rem 0 0 0;
}

.promotions__over__title--milo {
    width: 81.8965%;
    margin: 0 auto;
    padding: 1.3rem 0 0.5rem 0;
}

.promotions__item .promotions__over--milo .fs-buts {
    padding: 1.5rem 0 0 0;
}

.promotions__over__title--nestea {
    width: 81.0344%;
    margin: 0 auto;
    padding: 0.7rem 0 0.5rem 0;
}

.promotions__item .promotions__over--nestea .fs-buts {
    padding: 1.5rem 0 0 0;
}

.fs-links {
    padding-top: 2rem;
    text-align: center;
}

.fs-links__url {
    color: #fbde1b;
    font-size: 1.4rem;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
}

.fs-but.fs-but--cart span {
    padding: 1rem 3.5rem 0 1rem;
    background: url(../images/cart_red.png) no-repeat right 3px;
    background-size: 3rem auto;
}

.kids_item {
    position: absolute;
}

.kids_item--lt {
    top: 0;
    left: 0;
    width: 12.5555vw;
}

.kids_item--rt {
    top: -22rem;
    right: -0.5vw;
    width: 14.1666vw;
}

.kids_item--lb {
    left: 0;
    bottom: 0;
    width: 20.3645vw;
}

.kids_item--rb {
    right: -5vw;
    bottom: 0;
    width: 16.4583333vw;
}

.elements__item {
    position: absolute;
}

.elements__item--coin {
    width: 3.3333vw;
    top: 2vw;
    right: 22vw;
}

.elements__item--coin_small {
    width: 2.65625vw;
    top: 28%;
    left: 5vw;
}

.elements__item--flower {
    right: 2vw;
    top: 32%;
    width: 3.4375vw;
}

.elements__item--leaf {
    width: 2.5vw;
    right: 34vw;
    top: 72%;
}

.nestle-video {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: -webkit-transform 0.6s ease-out;
    transition: transform 0.6s ease-out;
    transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh);
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nestle-video--video {
    width: 100%;
    height: 100%;
    -webkit-object-fit: contain;
    object-fit: contain;
    display: block;
    max-width: initial;
}

.nestle-video--show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.nestle-video--close {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
}


/*FOOTER AREA*/

.fs-footer::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6.7361111vw;
    background: url(../images/bottom-bg.png) no-repeat left top;
    background-size: 100% auto;
    background-color: #f0512b;
}

.fs-footer .leaf-left {
    width: 14.4rem;
    left: -1.5rem;
    bottom: 14rem;
    z-index: 3;
}

.footer-inr {
    position: relative;
    z-index: 1;
    /* padding:5rem 0 0 0; */
}

.fs-footer .small-title {
    font-size: 1.9rem;
    color: #424d54;
    margin-bottom: 1.7rem;
}

.footer-top,
.footer-bot {
    position: relative;
    display: block;
    width: 100%;
}

.footer-top {
    padding-bottom: 6rem;
}

.footer-top>div {
    float: left;
    width: 50%;
}

.footer-top>div:nth-child(1) {
    padding-right: 5.5rem;
}

.footer-top>div:nth-child(2) {
    padding-left: 6.7rem;
}

.footer-top p {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    color: #424d54;
}

.footer-top p a {
    color: #424d54;
}

.company-address {
    margin-bottom: 3.5rem;
}

.gov {
    margin-bottom: 5.9rem;
}

.gov-pic {
    width: 18.1rem;
}

.gov-pic a,
.gov-pic img {
    display: block;
    width: 100%;
}

.footer-bot {
    padding: 2.2rem 0 3.2rem 0;
}

.footer-bot .fs-box:nth-child(1) {
    float: left;
    width: 32%;
}

.footer-bot .fs-box:nth-child(2) {
    float: right;
    width: 68%;
}

.copyright p,
.footer-nav li a {
    color: #fff;
    font-size: 1.4rem;
}

.footer-nav {
    font-size: 0;
    text-align: right;
}

.footer-nav li {
    display: inline-block;
    width: auto;
}

.footer-nav li a {
    display: block;
}

.footer-nav li a::after {
    content: '|';
    position: relative;
    top: -1px;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    padding: 0 5px 0 6px;
}

.footer-nav li:last-child a::after {
    display: none;
}

.fs-social {
    padding-top: 1rem;
}

.fs-social ul {
    display: block;
    font-size: 0;
}

.fs-social li {
    display: inline-block;
    vertical-align: middle;
    width: 3.8rem;
    margin-right: 1rem;
}

.fs-social li a,
.fs-social li img {
    width: 100%;
    display: block;
    font-size: 0;
}


/*Slider*/

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    background-color: #fff;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: auto;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.swiper-button-prev::before,
.swiper-button-next::before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding-top: 153.3%;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url(../images/prev.png);
    left: 5%;
    right: auto;
    background-size: cover;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/next.png);
    right: 5%;
    left: auto;
    background-size: cover;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination-bullet {
    position: relative;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-color: #e2e2e2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 6px;
    opacity: 1;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    background-color: #dd452a;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}


/*ContactUs*/

.dsu-engage-form {
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
    padding: 22rem 0 0 0;
}

.dsu-engage-form summary {
    outline: none;
    outline: 0;
    margin-bottom: 1rem;
    cursor: pointer;
}

.dsu-engage-form summary:focus {
    outline: none;
    outline: 0;
}

.dsu-engage-form details::before,
.dsu-engage-form details::after {
    display: none;
}

.dsu-engage-form .fieldgroup.js-form-wrapper {
    border: none;
    padding: 0;
    margin: 20px 0 10px 0;
}

.dsu-engage-form .questionbuttons {
    display: inline-block;
    vertical-align: top;
    margin-right: 45px;
    cursor: pointer;
    text-transform: uppercase;
    color: #424d54;
    font-size: 1.5rem;
    padding: 0;
    box-shadow: none;
    text-shadow: none;
    background: none;
    font-family: 'Nunito Sans';
    font-weight: bold;
    font-style: normal;
    border: none;
}

.dsu-engage-form .questionbuttons.active {
    color: #ed3523;
}

.dsu-engage-form .questionbuttons.questionbutton3 {
    margin: 0;
}

.dsu-engage-form .form-item {
    margin-bottom: 1.5rem;
}

.dsu-engage-form .form-item label {
    display: block;
    margin: 0 0 8px 0;
}

.dsu-engage-form select {
    margin: 0;
}

.dsu-engage-form .form-item input[type="text"],
.dsu-engage-form .form-item input[type="date"],
.dsu-engage-form .form-item input[type="datetime"],
input[type="email"],
.dsu-engage-form .form-item input[type="number"],
.dsu-engage-form .form-item input[type="search"],
.dsu-engage-form .form-item input[type="time"],
input[type="url"],
.dsu-engage-form .form-item input[type="password"],
.dsu-engage-form .form-item textarea,
.dsu-engage-form .form-item select {
    background-color: transparent !important;
    padding: 10px 20px;
    border: 1px solid #dedede;
    color: #424d54;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
}

.dsu-engage-form .form-item input[type="date"],
.dsu-engage-form .form-item select {
    height: 60px;
    padding: 10px 15px 10px 20px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.dsu-engage-form .js-form-type-textarea {
    margin-bottom: 3rem;
}

.dsu-engage-form .form-item textarea {
    height: 140px;
}

.dsu-engage-form .js-form-wrapper {
    margin-bottom: 3rem;
    font-size: 1.6rem;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
}

.dsu-engage-form .visually-hidden {
    display: none;
}

.dsu-engage-form .js-form-type-checkbox {
    position: relative;
    margin: 10px 0;
    text-align: left;
}

.dsu-engage-form .js-form-type-checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 4px;
}

.dsu-engage-form .js-form-type-checkbox label {
    padding: 0 0 0 30px;
    cursor: pointer;
}

.dsu-engage-form .js-form-type-checkbox label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #c5c5c5;
}

.dsu-engage-form .js-form-type-checkbox input[type="checkbox"]:checked+label:after {
    content: '';
    position: absolute;
    left: 4px;
    top: 9px;
    width: 12px;
    height: 6px;
    border: 2px solid transparent;
    border-left-color: #ed3423;
    border-bottom-color: #ed3423;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.fs-container+p {
    margin-top: -6rem;
    font-size: 1.6rem;
    text-align: center;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
}

.fs-container+p strong {
    font-family: 'Nunito Sans';
    font-weight: bold;
    font-style: normal;
}

.js-form-item-customer-consent {
    font-size: 1.6rem;
    text-align: center;
}

#edit-submit {
    display: block;
    margin: 2rem auto 10rem auto;
    padding: 0 6.2rem 0 3.2rem;
    font-family: 'Nunito Sans';
    font-weight: bold;
    font-style: normal;
    background: url(../images/arrow-white.png) no-repeat 78% center;
    background-size: 2.3rem auto;
    background-color: rgba(238, 40, 38, 1);
    color: #fff;
    height: 6rem;
    -webkit-border-radius: 3rem;
    border-radius: 3rem;
    cursor: pointer;
}

.dsu-engage-form .form-item select::-ms-expand {
    display: none;
}

.dsu-engage-form .form-item select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/arrow-down-sp.png) no-repeat 97% center;
    background-size: 1.4rem auto;
}

#gigya-raas-login-div,
#gigya-raas-register-div {
    padding: 20rem 0 3rem 0 !important;
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
}

#gigya-raas-register-div .gigya-screen-caption,
#gigya-raas-login-div .gigya-screen-caption {
    font-family: 'Nunito Sans' !important;
    font-weight: bold !important;
    font-style: normal !important;
}

#gigya-raas-login-div .gigya-screen-caption,
#gigya-raas-login-div .gigya-screen-content,
#gigya-raas-login-div .gigya-screen,
#gigya-raas-login-div .gigya-layout-cell,
#gigya-raas-login-div .gigya-screen .gigya-social-login-container,
#gigya-raas-login-div .gigya-login-providers-container *,
#gigya-raas-login-div .gigya-screen.landscape .gigya-layout-row.with-divider>.gigya-layout-cell.with-divider>.gigya-divider-content,
#gigya-raas-register-div .gigya-screen-caption,
#gigya-raas-register-div .gigya-screen-content,
#gigya-raas-register-div .gigya-screen,
#gigya-raas-register-div .gigya-layout-cell,
#gigya-raas-register-div .gigya-screen .gigya-social-login-container,
#gigya-raas-register-div .gigya-login-providers-container *,
#gigya-raas-register-div .gigya-screen.landscape .gigya-layout-row.with-divider>.gigya-layout-cell.with-divider>.gigya-divider-content {
    width: 100% !important;
}

.gigya-screen,
.gigya-screen * {
    font-family: 'Nunito Sans' !important;
}

#gigya-raas-register-div .gigya-screen-caption {
    font-family: 'Nunito Sans' !important;
    font-weight: 900 !important;
    font-style: normal !important;
}

.gigya-screen .gigya-composite-control.gigya-composite-control-header.note {
    font-family: 'Nunito Sans' !important;
    font-weight: 400 !important;
}

#gigya-raas-login-div .gigya-login-providers-container,
#gigya-raas-login-div .gigya-login-provider-row,
#gigya-raas-register-div .gigya-login-providers-container,
#gigya-raas-register-div .gigya-login-provider-row {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
}

#gigya-raas-login-div .gigya-composite-control-social-login *,
#gigya-raas-register-div .gigya-composite-control-social-login * {
    display: block !important;
    margin: 0 auto;
}

#gigya-raas-login-div span.gigya-login-provider,
#gigya-raas-register-div span.gigya-login-provider {
    display: block !important;
    width: 264px !important;
    height: 49px !important;
    margin: 0 auto !important;
}

#gigya-raas-login-div .gigya-login-provider[gigid="facebook"] .tabbing-button,
#gigya-raas-register-div .gigya-login-provider[gigid="facebook"] .tabbing-button {
    width: 264px !important;
    height: 49px !important;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    background-size: 100% 49px !important;
    background-position: center center !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
}

#gigya-raas-login-div .gigya-login-provider[gigid="facebook"] .tabbing-button>div,
#gigya-raas-register-div .gigya-login-provider[gigid="facebook"] .tabbing-button>div {
    display: none !important;
}

#gigya-raas-login-div .gigya-layout-cell,
#gigya-raas-register-div .gigya-layout-cell {
    position: relative;
    max-width: inherit !important;
}

#gigya-raas-login-div .gigya-screen,
#gigya-raas-register-div .gigya-screen {
    padding: 0 !important
}

#gigya-raas-login-div .gigya-screen .toggle-password,
#gigya-raas-register-div .gigya-screen .toggle-password {
    margin: 22px 0 0 0 !important;
    padding: 0 !important;
    left: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    right: 20px !important;
}

#gigya-raas-login-div input[type="text"],
#gigya-raas-login-div input[type="password"],
#gigya-raas-login-div input[type="date"],
#gigya-raas-register-div input[type="text"],
#gigya-raas-register-div input[type="password"],
#gigya-raas-register-div input[type="date"] {
    margin-bottom: 15px !important;
    height: 60px !important;
    padding: 5px 30px !important;
    -webkit-border-radius: 30px !important;
    border-radius: 30px !important;
    border: 1px solid #c5c5c5 !important;
    background-color: transparent !important;
    text-indent: initial !important;
}

#gigya-raas-login-div input[type="text"].gigya-error,
#gigya-raas-login-div input[type="password"].gigya-error,
#gigya-raas-login-div input[type="date"].gigya-error,
#gigya-raas-register-div input[type="text"].gigya-error,
#gigya-raas-register-div input[type="password"].gigya-error,
#gigya-raas-register-div input[type="date"].gigya-error {
    -webkit-border-radius: 30px !important;
    border-radius: 30px !important;
}

#gigya-raas-login-div .gigya-show-checkmark.gigya-valid,
#gigya-raas-register-div .gigya-show-checkmark.gigya-valid {
    background-position: 95% center !important;
}

#gigya-raas-login-div .date-picker .gigya-label,
#gigya-raas-register-div .date-picker .gigya-label {
    display: none !important;
}

#gigya-raas-login-div .gigya-screen .gigya-error~.gigya-error-msg.gigya-error-msg-active,
#gigya-raas-register-div .gigya-screen .gigya-error~.gigya-error-msg.gigya-error-msg-active {
    position: relative !important;
    margin-top: -12px !important;
    left: 30px !important;
}

#gigya-raas-login-div input[type="text"]:-webkit-autofill,
#gigya-raas-login-div input[type="password"]:-webkit-autofill,
#gigya-raas-register-div input[type="text"]:-webkit-autofill,
#gigya-raas-register-div input[type="password"]:-webkit-autofill {
    -webkit-text-fill-color: #fff;
    text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    box-shadow: 0 0 0px 1000px #fff inset;
}

#gigya-raas-login-div input[type="text"]:-webkit-autofill:focus,
#gigya-raas-login-div input[type="password"]:-webkit-autofill:focus,
#gigya-raas-register-div input[type="text"]:-webkit-autofill:focus,
#gigya-raas-register-div input[type="password"]:-webkit-autofill:focus {
    -webkit-text-fill-color: #000;
    text-fill-color: #000;
}

#gigya-raas-login-div .gigya-label,
#gigya-raas-register-div .gigya-label {
    left: 30px !important;
    top: 16px !important;
}

#gigya-raas-login-div .gigya-composite-control-checkbox .gigya-label,
#gigya-raas-register-div .gigya-composite-control-checkbox .gigya-label {
    left: 0 !important;
    top: 0 !important;
    line-height: 20px !important;
}

#gigya-raas-login-div .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox~label:before,
#gigya-raas-register-div .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox~label:before {
    top: 0 !important;
}

#gigya-raas-login-div .focus .gigya-label,
#gigya-raas-register-div .focus .gigya-label {
    top: 5px !important;
}

#gigya-raas-login-div .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox:checked~label:after,
#gigya-raas-register-div .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox:checked~label:after {
    left: 4px !important;
    top: 5px !important;
    width: 12px !important;
    height: 6px !important;
    border: 2px solid transparent !important;
    border-left-color: #ed3423 !important;
    border-bottom-color: #ed3423 !important;
}

#gigya-raas-login-div .focus .gigya-label-text,
#gigya-raas-register-div .focus .gigya-label-text {
    font-size: 12px !important;
}

#gigya-raas-login-div .gigya-screen .gigya-social-login-container>div,
#gigya-raas-register-div .gigya-screen .gigya-social-login-container>div {
    width: 100% !important;
}

#gigya-raas-login-div .gigya-composite-control-submit,
#gigya-raas-register-div .gigya-composite-control-submit {
    text-align: center;
}

#gigya-raas-login-div .gigya-composite-control-submit .gigya-input-submit,
#gigya-raas-login-div .gigya-composite-control.gigya-button,
#gigya-raas-register-div .gigya-composite-control-submit .gigya-input-submit,
#gigya-raas-register-div .gigya-composite-control.gigya-button {
    display: inline-block;
    width: auto;
    padding: 0 6.2rem 0 3.2rem;
    font-family: 'Nunito Sans';
    font-weight: bold;
    font-style: normal;
    background: url(../images/arrow-white.png) no-repeat 86% center;
    background-size: 2.3rem auto;
    background-color: rgba(238, 40, 38, 1);
    color: #fff;
    height: 6rem;
    line-height: 6rem;
    -webkit-border-radius: 3rem;
    border-radius: 3rem;
    cursor: pointer;
    font-size: 1.6rem;
    text-transform: uppercase;
}

#gigya-raas-login-div .gigya-screen.landscape .gigya-layout-row.with-divider .gigya-composite-control.gigya-composite-control-submit,
#gigya-raas-register-div .gigya-screen.landscape .gigya-layout-row.with-divider .gigya-composite-control.gigya-composite-control-submit {
    padding: 10px 0 !important;
}

#tfa-entry-form {
    padding: 24rem 0 4rem 0 !important;
    width: 90% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    text-align: center;
}

#tfa-entry-form label {
    display: block;
    padding: 0.5rem 0;
    font-size: 1.6rem;
    text-align: left;
}

#edit-code--description {
    padding: 0.8rem 0;
    font-size: 1.6rem;
    text-align: left;
}

#edit-login {
    display: inline-block;
    width: auto;
    margin: 1.5rem 0;
    padding: 0 6.2rem 0 3.2rem;
    font-family: 'Nunito Sans';
    font-weight: bold;
    font-style: normal;
    background: url(../images/arrow-white.png) no-repeat 86% center;
    background-size: 2.3rem auto;
    background-color: rgba(238, 40, 38, 1);
    color: #fff;
    height: 5.4rem;
    line-height: 5.4rem;
    -webkit-border-radius: 3rem;
    border-radius: 3rem;
    cursor: pointer;
    font-size: 1.6rem;
    text-transform: uppercase;
}


/* Pagination */

.fs-enjoy-life+.pager {
    position: absolute;
    left: 0;
    top: auto;
    width: 100%;
    -webkit-transform: translateY(-9.2rem);
    transform: translateY(-9.2rem);
    z-index: 10;
}

.fs-enjoy-life.bg-white+.pager {
    -webkit-transform: translateY(-12.2rem);
    transform: translateY(-12.2rem);
}

.fs-enjoy-life.bg-grey-normal+.pager {
    -webkit-transform: translateY(-5rem);
    transform: translateY(-5rem);
}

.pager .pager__items {
    margin: 0 !important;
}


/*Bg common*/

.fs-inr {
    z-index: 4;
}

.fs-distributions {
    background: none;
}

.distributions-bg::before {
    content: '';
    position: absolute;
    left: 0;
    top: 15%;
    width: 100%;
    height: 72%;
    background: #e8685d;
}

.distributions-bg .enjoy__bg__top {
    bottom: auto;
    top: 0;
}

.distributions-bg .enjoy__bg__bot {
    top: auto;
    bottom: 0;
}

.fs-recipes {
    padding: 12rem 0;
}

.fs-happening,
.fs-happened,
.fs-enjoy-life,
.fs-cate-detail,
.fs-brands,
.fs-recipes {
    padding: 9.2rem 0;
}

.fs-recipes {
    padding-bottom: 6rem;
}

.enjoy__bg__top.reverse {
    bottom: auto;
    top: -1px;
}

.enjoy__bg__bot.reverse {
    bottom: -1px;
    top: auto;
    background-position: center bottom;
}


/*Generic*/

.default__home .fs-happening,
.default__happening .fs-happening {
    padding: 5.6rem 0;
}

.default__recipes .fs-nestle-reciples {
    padding: 6rem 0 2rem 0;
}

.default__kid .fs-join {
    background: #f5f5f5;
    padding-bottom: 6rem;
}

.default__kid .fs-cate {
    padding: 5.6rem 0;
}

.default__kid .fs-enjoy-life {
    padding: 5.6rem 0 8rem 0;
}

.default__brands .fs-brands {
    padding: 12rem 0 6rem 0;
}

.default__home .fs-recipes {
    padding-top: 8rem;
}

.default__home .fs-enjoy-life {
    padding: 5rem 0;
}

.default__kid .fs-enjoy-life .enjoy__bg__top {
    bottom: auto;
    top: -6rem;
}

.default__home .fs-enjoy-life .enjoy__bg__top {
    bottom: 99%;
}

.default__home .fs-happening .fs-title {
    margin-bottom: 4rem;
}

.default__home .distribution-side {
    padding: 6rem 0 0 0;
    text-align: center;
}

.default__brands .type-square .distribution-side ul {
    justify-content: center;
}

.default__brands .distribution-side li,
.default__home .distribution-side li {
    width: 9.5%;
    margin: 1.18%;
}

.default__home .fs-distributions .fs-buts {
    padding-left: 10rem;
}

.default__journey .fs-enjoy-life .ellip.bg-red {
    top: auto;
    bottom: 0;
}


/*ClusterA clustera_healthy_wellness*/

.clustera_cooking_home .fs-happening,
.clustera_barista_home .fs-happening,
.clustera_healthy_home .fs-happening,
.clustera_wellness_home .fs-happening {
    padding: 14.4rem 0 8.4rem 0;
}

.clustera_cooking_home .fs-happening .bird,
.clustera_barista_home .fs-happening .bird,
.clustera_healthy_home .fs-happening .bird,
.clustera_wellness_home .fs-happening .bird {
    top: 9.5rem;
}

.clustera_cooking_home .fs-happening .fs-title,
.clustera_barista_home .fs-happening .fs-title,
.clustera_healthy_home .fs-recipes .fs-title,
.clustera_wellness_home .fs-recipes .fs-title {
    margin-bottom: 6rem;
}

.clustera_cooking_home .fs-recipes,
.clustera_barista_home .fs-recipes {
    padding: 11.3rem 0 8rem 0;
}

.clustera_healthy_home .fs-recipes,
.clustera_wellness_home .fs-recipes {
    padding: 10rem 0 14rem 0;
}

.clustera_cooking_recipes .fs-nestle-reciples,
.clustera_barista_recipes .fs-nestle-reciples {
    padding: 8rem 0;
}

.clustera_cooking_recipes .fs-brands,
.clustera_barista_recipes .fs-brands {
    padding: 6rem 0;
}

.clustera_brands .fs-brands {
    padding: 12rem 0 8.4rem 0;
}

.clustera_healthy_wellness .fs-enjoy-life,
.clustera_wellness_wellness .fs-enjoy-life,
.clustera_brands .fs-enjoy-life {
    padding: 7rem 0;
}

.clustera_cooking_home .fs-recipes .fs-title,
.clustera_barista_home .fs-recipes .fs-title {
    margin-bottom: 6rem;
}

.clustera_cooking_home .fs-recipes .leaf-left,
.clustera_barista_home .fs-recipes .leaf-left {
    top: 26rem;
}

.clustera_healthy_home .fs-enjoy-life .leaf-left,
.clustera_wellness_home .fs-enjoy-life .leaf-left {
    top: -5rem;
    z-index: 2;
}

.clustera_cooking_home .fs-enjoy-life,
.clustera_barista_home .fs-enjoy-life {
    padding: 9.8rem 0 8.4rem 0;
}

.clustera_healthy_home .fs-enjoy-life .enjoy__bg__top,
.clustera_wellness_home .fs-enjoy-life .enjoy__bg__top {
    bottom: 95%;
}

.clustera_healthy_home .fs-distributions,
.clustera_wellness_home .fs-distributions {
    margin-top: -10rem;
}


/*ClusterB clusterb_wellness_home */

.clusterb_cooking_home .fs-single-cate,
.clusterb_healthy_home .fs-single-cate,
.clusterb_kid_activity .fs-single-cate,
.clusterb_kid_cooking .fs-single-cate,
.clusterb_kid_healthy .fs-single-cate,
.clusterb_nutrition_home .fs-single-cate,
.clusterb_wellness_home .fs-single-cate {
    padding: 6rem 0;
}

.clusterb_cooking_home .fs-happening,
.clusterb_healthy_home .fs-happening,
.clusterb_kid_activity .fs-happening,
.clusterb_kid_cooking .fs-happening,
.clusterb_kid_healthy .fs-happening,
.clusterb_nutrition_home .fs-happening,
.clusterb_wellness_home .fs-happening {
    padding: 1rem 0 7rem 0;
}

.clusterb_cooking_home .fs-recipes {
    padding: 9.2rem 0 8rem 0;
}

.clusterb_cooking_home .fs-enjoy-life {
    padding: 6rem 0 8rem 0;
}

.clusterb_cooking_recipes .fs-nestle-reciples,
.clusterb_cooking_recipes .fs-brands,
.clusterb_kid_activity .fs-enjoy-life,
.clusterb_kid_cooking .fs-enjoy-life,
.clusterb_kid_healthy .fs-enjoy-life {
    padding: 6rem 0;
}

.clusterb_healthy_home .fs-recipes,
.clusterb_nutrition_home .fs-recipes,
.clusterb_wellness_home .fs-recipes {
    padding: 10rem 0 16rem 0;
}

.clusterb_kid_activity .fs-recipes,
.clusterb_kid_cooking .fs-recipes,
.clusterb_kid_healthy .fs-recipes {
    padding: 10rem 0;
}

.clusterb_healthy_wellness .fs-enjoy-life,
.clusterb_healthy_wellness .fs-cate,
.clusterb_nutrition_wellness .fs-enjoy-life,
.clusterb_nutrition_wellness .fs-cate,
.clusterb_wellness_recipes .fs-enjoy-life,
.clusterb_wellness_recipes .fs-cate {
    padding: 7rem 0;
}

.clusterb_cooking_home .fs-recipes .fs-title,
.clusterb_healthy_home .fs-recipes .fs-title,
.clusterb_kid_activity .fs-recipes .fs-title,
.clusterb_kid_cooking .fs-recipes .fs-title,
.clusterb_kid_healthy .fs-recipes .fs-title,
.clusterb_nutrition_home .fs-recipes .fs-title,
.clusterb_wellness_home .fs-recipes .fs-title {
    margin-bottom: 6rem;
}

.clusterb_cooking_home .fs-happening .bird,
.clusterb_healthy_home .fs-happening .bird,
.clusterb_kid_activity .fs-happening .bird,
.clusterb_kid_cooking .fs-happening .bird,
.clusterb_kid_healthy .fs-happening .bird,
.clusterb_nutrition_home .fs-happening .bird,
.clusterb_wellness_home .fs-happening .bird {
    top: -3rem;
}

.clusterb_cooking_home .fs-enjoy-life .ellip.bg-yellow,
.clusterb_kid_activity .fs-recipes .ellip.bg-yellow,
.clusterb_kid_cooking .fs-recipes .ellip.bg-yellow,
.clusterb_kid_healthy .fs-recipes .ellip.bg-yellow,
.clusterb_nutrition_home .fs-recipes .ellip.bg-yellow,
.clusterb_wellness_home .fs-recipes .ellip.bg-yellow {
    right: -19rem;
    top: -19rem;
    z-index: 2;
}

.clusterb_healthy_home .ellip.bg-yellow {
    right: -19rem;
    top: -5rem;
    z-index: 2;
}

.clusterb_healthy_home .fs-recipes .leaf-left,
.clusterb_nutrition_home .fs-recipes .leaf-left,
.clusterb_wellness_home .fs-recipes .leaf-left {
    top: 0;
}

.clusterb_healthy_home .fs-distributions,
.clusterb_nutrition_home .fs-distributions,
.clusterb_wellness_home .fs-distributions {
    margin-top: -10rem;
}

.clusterb_kid_activity .fs-recipes .leaf-left,
.clusterb_kid_cooking .fs-recipes .leaf-left,
.clusterb_kid_healthy .fs-recipes .leaf-left {
    top: auto;
    bottom: 0;
}


/*ClusterC clusterc_wellness_wellness*/

.clusterc_healthy_home .fs-happening,
.clusterc_nutrition_home .fs-happening,
.clusterc_cooking_home .fs-happening,
.clusterc_wellness_home .fs-happening {
    padding: 14.4rem 0 8.4rem 0;
}

.clusterc_healthy_home .fs-happening .bird,
.clusterc_nutrition_home .fs-happening .bird,
.clusterc_cooking_home .fs-happening .bird,
.clusterc_wellness_home .fs-happening .bird {
    top: 9.5rem;
}

.clusterc_healthy_home .fs-enjoy-life {
    padding: 10rem 0 7.4rem 0;
}

.clusterc_healthy_home .fs-recipes .fs-title,
.clusterc_nutrition_home .fs-recipes .fs-title,
.clusterc_cooking_home .fs-recipes .fs-title {
    margin-bottom: 6rem;
}

.clusterc_cooking_recipes .fs-nestle-reciples,
.clusterc_cooking_recipes .fs-brands,
.clusterc_wellness_wellness .fs-enjoy-life,
.clusterc_wellness_wellness .fs-cate-detail {
    padding: 7rem 0;
}

.clusterc_healthy_home .fs-recipes,
.clusterc_nutrition_home .fs-enjoy-life,
.clusterc_cooking_home .fs-enjoy-life,
.clusterc_wellness_home .fs-recipes {
    padding: 10rem 0 16rem 0;
}

.clusterc_brands .fs-brands {
    padding: 12rem 0 10rem 0;
}

.clusterc_health_health .fs-enjoy-life,
.clusterc_nutrition_health .fs-enjoy-life {
    padding: 10rem 0;
}

.clusterc_healthy_home .fs-enjoy-life .leaf-left,
.clusterc_nutrition_home .fs-enjoy-life .leaf-left,
.clusterc_cooking_home .fs-enjoy-life .leaf-left {
    top: 10rem;
    z-index: 2;
}

.clusterc_healthy_home .fs-cate-detail .enjoy__bg__top,
.clusterc_nutrition_home .fs-cate-detail .enjoy__bg__top,
.clusterc_cooking_home .fs-enjoy-life .enjoy__bg__top,
.clusterc_wellness_home .fs-enjoy-life .enjoy__bg__top {
    bottom: 95%;
}

.clusterc_nutrition_health .fs-enjoy-life .enjoy__bg__top {
    bottom: 90%;
}

.clusterc_healthy_home .fs-distributions,
.clusterc_nutrition_home .fs-distributions,
.clusterc_cooking_home .fs-distributions,
.clusterc_wellness_home .fs-distributions {
    margin-top: -10rem;
}

.clusterc_brands .fs-brands .leaf-right {
    bottom: 0;
}

.clusterb_kid_activity_n4hk .enjoy__bg__top,
.clusterb_kid_cooking_n4hk .enjoy__bg__top,
.clusterb_kid_healthy_n4hk .enjoy__bg__top {
    bottom: auto;
    top: -6rem;
}


/*Join Now*/

.fs-join {
    padding: 9rem 0 0 0;
}

.join__box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.join__left {
    position: relative;
    flex: 0 0 65%;
    max-width: 65%;
}

.join__left .fs-pic,
.join__right .fs-pic {
    -webkit-border-radius: 4rem;
    border-radius: 4rem;
    overflow: hidden;
}

.join__txt {
    position: absolute;
    left: 37px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 47%;
    background-color: rgba(80, 128, 10, 0.8);
    padding: 30px 20px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
}

.join__txt h2,
.join__txt p {
    color: #fff;
}

.join__txt h2 {
    font-size: 2.4rem;
    line-height: 1.4;
    margin-bottom: 1.8rem;
}

.join__txt p {
    font-size: 1.6rem;
    line-height: 1.4;
    margin-bottom: 3rem;
}

.join__right {
    position: relative;
    flex: 0 0 31%;
    max-width: 31%;
}

.join__right .fs-buts {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    text-align: center;
}

@media screen and (min-width:841px) {
    .header-outer {
        height: auto !important;
    }

    .cate-wrap::after {
        height: 6.38888vw;
        background: url(../images/cho-tre-vui-khoe/cate-bottom-white.jpg) no-repeat center bottom;
        background-size: 100% auto;
    }

    .bg-grey .recipes-bg::after {
        height: 11.6666vw;
        background: url(../images/cho-tre-vui-khoe/recipes-bottom-grey.jpg) no-repeat center bottom;
        background-size: 100% auto;
    }

    .bg-white .recipes-bg::after {
        height: 4.16666vw;
        background: url(../images/cho-tre-vui-khoe/recipes-bottom-white.jpg) no-repeat center bottom;
        background-size: 100% auto;
        margin-bottom: -2px;
    }

    .promotions__over {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .promotions__item:hover .promotions__over {
        opacity: 1;
    }

    .fs-navigation li:nth-child(5)::before {
        -webkkit-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .fs-navigation li:not(.active):nth-child(5):hover::before {
        opacity: 1;
    }

    .fs-navigation li:not(.active):nth-child(5):hover a span {
        color: #da0000;
    }
}


/*RESPONSIVE*/

@media screen and (max-width:1800px) {
    .leaf-right-top {
        bottom: 0.6vw;
    }
}

@media screen and (max-width:1600px) {
    .leaf-right-top {
        bottom: 1vw;
    }

    .elements__item--coin {
        top: 2vw;
        right: 14vw;
    }

    .elements__item--leaf {
        right: 30vw;
    }
}

@media screen and (max-width:1460px) {
    .video-but {
        left: 27.5%;
        top: 51%;
    }
}

@media screen and (max-width:1440px) {
    .fs-banner {
        padding-top: 8rem;
    }

    .short-menu {
        right: 16vw;
    }

    .message__flower1 {
        top: -5vw;
    }

    .kids_item--rt {
        top: -16rem
    }

    .promotion-inr {
        max-width: 113rem;
    }
}

@media screen and (max-width:1380px) {
    .fs-banner.by-contact .fs-outer {
        right: 47.7777%;
    }

    .fs-banner.by-contact .fs-outer::before {
        left: 88%;
    }

    .company-info {
        padding: 3rem;
    }

    /*Decor*/
    .leaf-left-top {
        left: -3rem;
    }

    .bird {
        width: 20.8rem;
    }

    .leaf-left,
    .fs-footer .leaf-left,
    .fs-recipes .leaf-left,
    .fs-enjoy-life .leaf-left {
        width: 12.4rem;
        left: -2.5rem;
    }

    .leaf-right {
        width: 18.1rem;
    }

    .fs-nestle-reciples .leaf-right,
    .fs-brands .leaf-right {
        right: -3rem;
    }

    .leaf-yellow {
        width: 11.7rem;
    }

    .fs-distributions .leaf-yellow {
        right: 3.2rem;
        top: -3.7rem;
    }

    .fs-nestle-reciples .leaf-yellow,
    .fs-brands .leaf-yellow {
        left: -2rem;
    }

    .leaf-left-red {
        width: 12.7rem
    }

    .fs-brands .leaf-left-red {
        top: -14rem;
    }

    .leaf-right-yellow2 {
        width: 19rem;
    }

    .ellip.bg-green,
    .sub-banner .ellip.bg-green {
        width: 24rem;
        height: 24rem;
    }

    .fs-form .ellip.bg-red {
        width: 27rem;
        height: 27rem;
    }

    .fs-enjoy-life .ellip.bg-red,
    .ellip.bg-red,
    .sub-banner .ellip.bg-red {
        width: 21rem;
        height: 21rem;
    }

    .fs-enjoy-life .ellip.bg-red {
        left: -15.8rem;
    }

    .fs-brands .ellip.bg-yellow,
    .fs-feedback .ellip.bg-yellow {
        right: -26rem;
    }

    .ellip.bg-yellow {
        width: 32rem;
        height: 32rem;
    }

    .footer-bot {
        padding: 2rem 0;
    }
}

@media screen and (max-width:1340px) {
    .logo {
        width: 15rem;
    }

    .nav__left li:last-child {
        padding-right: 8.5rem;
    }

    .nav__right li:first-child {
        padding-left: 8.5rem;
    }

    .leaf-right-top {
        right: 1.5rem;
    }

    .fs-banner h2,
    .fs-banner .small-title {
        margin-bottom: 2.5rem;
        font-size: 4rem;
    }

    .fs-banner .fs-but {
        padding: 0 3rem;
        height: 5rem;
        line-height: 5rem;
    }

    .fs-title h2,
    .fs-title h1,
    .fs-title .small-title,
    .fs-title h1 span,
    .fs-title h2 span {
        font-size: 3.6rem;
    }

    .nav-inr,
    .header-top,
    .fs-happening .fs-inr,
    .fs-enjoy-life .fs-inr,
    .fs-distributions .fs-inr,
    .footer-inr,
    .fs-happened .fs-inr,
    .fs-brands .fs-inr,
    .fs-nestle-reciples .fs-inr,
    .nestle-sort-box,
    .nestle-slugs,
    .fs-detail .fs-inr,
    .results-inr,
    .cate-inr,
    .sub-inr,
    .fs-join .fs-inr {
        max-width: 106rem;
    }

    .promotion-inr {
        max-width: 106rem;
    }

    .promotions__over {
        font-size: 1.4rem;
    }

    .elements__item--coin {
        top: 4vw;
    }

    .elements__item--coin_small {
        left: 2vw;
    }

    .fs-recipes .fs-inr {
        left: calc(50% - 550px);
    }

    .happen-item h3,
    .recipes-outer h3,
    .enjoy-items h3,
    .nestle-items h3,
    .brands-items h3 {
        font-size: 2.2rem;
    }

    .brush-box span,
    .enjoy-title span {
        padding: 0.8rem 2rem 0.6rem 2rem;
        font-size: 1.1rem;
    }

    .by-happening .happen-item .fs-txt {
        padding: 0 2rem;
    }

    .cate-wrap {
        padding-bottom: 16rem;
    }

    .cate-wrap::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
    }

    .cate-inr {
        padding: 10rem 12rem 0 12rem;
    }

    .cate-wrap .fs-bg img {
        top: -2rem;
    }

    .sub-brief h2 {
        font-size: 5rem;
    }

    .sub-brief p {
        font-size: 2.6rem;
    }

    .color-grey h2 {
        font-size: 5rem;
    }

    /*Decor*/
    .bird {
        width: 18.8rem;
    }

    .fs-single-cate .leaf-left {
        width: 17.6rem;
    }

    .leaf-left,
    .fs-footer .leaf-left,
    .fs-recipes .leaf-left,
    .fs-enjoy-life .leaf-left {
        width: 10.4rem;
    }

    .leaf-right {
        width: 16.1rem;
    }

    .leaf-yellow {
        width: 9.7rem;
    }

    .leaf-left-red {
        width: 10.7rem
    }

    .leaf-right-yellow2 {
        width: 17rem;
    }

    .by-kid .enjoy-sort li span {
        padding: 0.5rem 1rem 0.7rem 1em;
    }

    /*Distributions*/
    .type-square .distribution-side ul {
        max-width: 76rem;
    }

    .clusterb_brands .type-square .distribution-side ul {
        max-width: 55rem;
    }

    .type-square .distribution-side li {
        flex: 0 0 6.6rem;
        max-width: 6.6rem;
        height: 6.6rem;
    }

    /*Join*/
    .join__txt h2 {
        font-size: 2.2rem;
    }

    .join__txt p {
        font-size: 1.5rem;
    }
}

@media screen and (max-width:1220px) {
    .logo {
        width: 13rem;
    }

    .fs-navigation li.nav-home {
        flex: 0 0 6.6rem;
        max-width: 6.6rem;
    }

    .nav__left li:last-child {
        padding-right: 7rem;
    }

    .nav__right li:first-child {
        padding-left: 7rem;
    }

    .fs-navigation li a span {
        font-size: 1.3rem;
    }

    .generic__header .nav__left li:nth-child(2) {
        width: 22%;
    }

    .generic__header .nav__left li:nth-child(3) {
        width: 18%;
    }

    .generic__header .nav__left li:nth-child(4) {
        width: 43%;
    }

    .clusterc__header .nav__left li:nth-child(3) {
        width: 20%;
    }

    .clusterc__header .nav__left li:nth-child(4) {
        width: 40%;
    }

    .clusterc__header .nav__right li:nth-child(1) {
        width: 40%;
    }

    .fs-banner.by-contact .fs-outer::before {
        left: 92%;
        bottom: 7.2rem;
    }

    .nav-inr,
    .header-top,
    .fs-happening .fs-inr,
    .fs-enjoy-life .fs-inr,
    .fs-distributions .fs-inr,
    .footer-inr,
    .fs-happened .fs-inr,
    .fs-brands .fs-inr,
    .fs-nestle-reciples .fs-inr,
    .nestle-sort-box,
    .nestle-slugs,
    .fs-detail .fs-inr,
    .results-inr,
    .cate-inr,
    .sub-inr {
        max-width: 100rem;
    }

    .promotion-inr {
        max-width: 100rem;
    }

    .promotions__over {
        font-size: 1.3rem;
    }

    .promotions__item .fs-but {
        padding: 0 4rem;
    }

    .fs-recipes .fs-inr {
        left: calc(50% - 520px);
    }

    .cirlce-yellow {
        margin-left: -54.4rem;
    }

    .sub-bg {
        padding: 6rem 18rem 5rem 18rem;
    }

    .promotions__item .promotions__over--milo .fs-buts,
    .promotions__item .promotions__over--nestea .fs-buts {
        padding: 1rem 0 0 0;
    }

    .message-inr .fs-buts {
        bottom: 3.3vw;
    }

    .message-endow {
        font-size: 1.2rem;
        margin-left: 2rem;
    }

    .message-endow::after {
        width: 1.4rem;
        height: 1.4rem;
    }

    /*Distributions*/
    .type-square .distribution-side ul {
        max-width: 72rem;
    }

    .clusterb_brands .type-square .distribution-side ul {
        max-width: 47rem;
    }

    .type-square .distribution-side li {
        margin: 1rem 1.5rem 1rem 0;
    }
}

@media screen and (max-width:1180px) {

    .fs-banner h2,
    .fs-banner .small-title {
        font-size: 3.6rem;
    }
}

@media screen and (max-width:1150px) {
    .fs-container {
        padding-bottom: 40px;
    }

    .leaf-left-top {
        left: -6rem;
    }

    .fs-navigation ul li {
        padding-left: 1%;
        padding-right: 1%;
    }

    .fs-navigation li a span {
        font-size: 1.3rem;
    }

    /* .logo {
    width:13rem;
    width:10rem;
  } */
    /*
  .logo {
    width:13rem;
  }
  .fs-navigation li:nth-child(1) {
    width:6rem;
  }
  .fs-navigation li:nth-child(2) {
    width:9rem;
  }
  .fs-navigation li:nth-child(3) {
    width:8rem;
  }
  .fs-navigation li:nth-child(4) {
    width:12.7rem;
  }
  .fs-navigation li:nth-child(5){
    padding:0 1rem 0 2rem;
  }
  .fs-navigation li:nth-child(6), .fs-navigation li:nth-child(7){
    width:8rem;
  }
  .fs-navigation li:nth-child(8){
    width:6rem;
  }
  .fs-navigation li a span {
    font-size:1.2rem;
  }
  */
    .fs-banner h2,
    .fs-banner .small-title {
        font-size: 3rem;
    }

    .fs-banner .fs-but {
        padding: 0 2rem;
        height: 4.6rem;
        line-height: 4.6rem;
    }

    .fs-but {
        padding: 0 2rem;
        height: 4.6rem;
        line-height: 4.6rem;
    }

    .nav-inr,
    .header-top,
    .fs-happening .fs-inr,
    .fs-enjoy-life .fs-inr,
    .fs-distributions .fs-inr,
    .footer-inr,
    .fs-happened .fs-inr,
    .fs-brands .fs-inr,
    .fs-nestle-reciples .fs-inr,
    .nestle-sort-box,
    .nestle-slugs,
    .fs-detail .fs-inr,
    .results-inr,
    .cate-inr,
    .sub-inr,
    .fs-join .fs-inr {
        max-width: 90rem;
    }

    .promotion-inr {
        max-width: 90rem;
    }

    .promotions__over {
        font-size: 1.2rem;
    }

    .fs-happened .happen-item .fs-txt {
        padding: 0 1.5rem 1rem 1.5rem;
    }

    .promotions__over__title--maggi,
    .promotions__over__title--milo,
    .promotions__over__title--nestea {
        padding: 1.5rem 0 0.5rem 0;
    }

    .recipes-box {
        width: 44rem;
    }

    .fs-recipes .fs-inr {
        left: calc(50% - 470px);
    }

    .cirlce-yellow {
        margin-left: -50.4rem;
    }

    .happen-item h3,
    .recipes-outer h3,
    .enjoy-items h3,
    .nestle-items h3,
    .brands-items h3 {
        font-size: 2.1rem;
    }

    .happen-item .fs-txt {
        padding: 0 4rem 0 2rem;
    }

    .happening-date {
        margin-bottom: 2.5rem;
    }

    .brush-box span,
    .enjoy-title span,
    .happening-date {
        font-size: 1rem;
    }

    .by-happening .happen-item .fs-txt .brush-box span {
        padding: 0.4rem 1.5rem 0.6rem 1.5rem;
    }

    .by-happening .happening-date {
        margin-bottom: 1.5rem;
    }

    .distribution-main h2 {
        font-size: 2.6rem;
    }

    .bird {
        width: 15.8rem;
    }

    .leaf-left-red {
        width: 8.7rem;
    }

    .fs-brands .leaf-left-red {
        top: -11rem;
    }

    .fs-nestle-reciples .leaf-left-red {
        top: 19rem;
    }

    .leaf-yellow {
        width: 7.7rem;
    }

    .leaf-left,
    .fs-footer .leaf-left,
    .fs-recipes .leaf-left,
    .fs-enjoy-life .leaf-left {
        width: 7.4rem;
    }

    .leaf-right {
        width: 14.1rem;
    }

    .ellip.bg-yellow {
        width: 28rem;
        height: 28rem;
    }

    .fs-nestle-reciples .ellip.bg-yellow {
        right: -25rem;
    }

    .fs-happened .ellip {
        right: -24rem;
    }

    .by-kid .enjoy-sort li span {
        padding: 0.5rem 0.5rem 0.7rem 0.5em;
    }

    .by-kid .enjoy-search {
        width: 22rem;
    }

    .by-kid .enjoy-search input[type="text"] {
        font-size: 1.3rem;
    }

    .enjoy-search input[type="text"] {
        padding: 0.7rem 4rem 0.7rem 2rem;
    }

    .footer-top {
        padding: 0;
    }

    .promotions__item .promotions__over--milo .fs-buts,
    .promotions__item .promotions__over--nestea .fs-buts {
        padding: 0.5rem 0 0 0;
    }

    /*Distributions*/
    .distribution-main {
        padding: 2rem 1rem;
    }

    .type-square .distribution-main {
        width: 24.2rem;
    }

    .type-square .distribution-side ul {
        max-width: 64rem;
    }

    .type-square .distribution-side li {
        flex: 0 0 6rem;
        max-width: 6rem;
        height: 6rem;
        margin: 1rem 1.2rem 1rem 0;
    }

    /*Join*/
    .join__txt h2 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }

    .join__txt p {
        font-size: 1.4rem;
        margin-bottom: 2rem;
    }
}

@media screen and (min-width:1101px) {

    /*Single category*/
    .cate__item::before {
        -webkit-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .cate__item span {
        -webkit-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

    .cate__item:hover::before {
        opacity: 1;
    }

    .cate__item:hover span {
        color: #fff;
    }
}

@media screen and (max-width:1100px) {
    .nestle-video--video {
        width: 100%;
        height: 56.25vw;
        border: none;
    }
}

@media screen and (max-width:840px) {
    .open-menu {
        height: 100%;
        overflow: hidden;
    }

    .fs-pc {
        display: none !important
    }

    .fs-sp {
        display: block;
    }

    .fs-header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
    }

    .header-inr {
        position: relative;
        width: 100%;
        height: 18.93333vw;
        line-height: 18.93333vw;
        z-index: 20;
    }

    .header-inr::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/menu-bg-sp.png) no-repeat center top;
        background-size: 100% auto;
        z-index: 1;
    }

    .leaf-left-top,
    .leaf-right-top {
        display: none;
    }

    .nav-but {
        position: absolute;
        left: 4%;
        top: 50%;
        width: 9.2vw;
        height: 9.2vw;
        background: url(../images/nav-but.png) no-repeat center center;
        background-size: 100% auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 3;
        cursor: pointer;
    }

    .open-menu .nav-but {
        background: url(../images/nav-close.png) no-repeat center center;
        background-size: 7.0666vw auto;
    }

    .outer-top {
        display: none;
    }

    .logo {
        width: 31.46666vw;
        top: -4.1333vw;
    }

    .header-outer {
        background: none;
        background-color: #fff;
        padding: 28vw 0 0 0;
        height: 100vh;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .nav-inr {
        flex-wrap: wrap;
    }

    .fs-navigation ul {
        flex: 0 0 100%;
        max-width: 100%;
        height: auto;
    }

    .nav__left,
    .nav__right {
        padding: 0;
        justify-content: left;
    }

    .nav__left li,
    .nav__right li {
        margin-left: 0;
        margin-right: 0;
    }

    .fs-navigation ul li br {
        display: none;
    }

    .nav__left li:last-child {
        padding-right: 0;
    }

    .nav__right li:first-child {
        padding-left: 0;
    }

    .item-top.by-login.fs-sp {
        display: block;
        float: none;
        text-align: left;
        padding-bottom: 6.6666vw;
        border-bottom: 1px solid #e7e7e7;
        top: auto;
        margin-bottom: 5.3333vw;
    }

    .item-top p,
    .item-top a {
        font-size: 4vw;
        height: auto;
        line-height: normal;
        padding: 1.66vw 6.1333vw;
        width: auto;
        -webkit-border-radius: 4.6666vw;
        border-radius: 4.6666vw;
        margin: 0 3.46666vw 0 0;
    }

    .by-login a:not(.is-login) {
        width: auto;
    }

    .by-login a.is-login span {
        padding: 0 0 0 6.1333vw;
        background-size: 3.73333vw auto;
    }

    .fs-navigation {
        -webkit-mask-image: none;
        mask-image: none;
        padding: 1vw 4%;
        max-height: calc(100% - 20px);
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .open-menu .header-outer {
        visibility: visible;
        opacity: 1;
    }

    .open-menu .overlay {
        display: block;
        height: 100vh;
    }

    .fs-navigation .nav-inr li {
        display: block;
        width: 100% !important;
        text-align: left;
        margin-bottom: 6.3333vw;
        line-height: normal;
    }

    .fs-navigation li:nth-child(5) {
        padding: 2vw 4vw;
        -webkit-border-radius: 5vw;
        border-radius: 5vw;
        overflow: hidden;
    }

    .fs-navigation li:nth-child(5)::before {
        opacity: 1;
    }

    .fs-navigation .nav-inr li:nth-child(5) span,
    .fs-navigation .nav-inr li.active:nth-child(5) span {
        color: #da0000;
    }

    .fs-navigation li:nth-child(5) br {
        display: none;
    }

    .fs-navigation .nav-inr li.nav-home a {
        width: 7.8666vw;
        height: 7.333vw;
        background: url(../images/home-icon-sp-grey.png) no-repeat center center;
        background-size: cover;
    }

    .fs-navigation .nav-inr li.nav-home.active a {
        background: url(../images/home-icon-sp.png) no-repeat center center;
        background-size: cover;
    }

    .fs-navigation .nav-inr li a {
        display: inline-block;
        height: auto;
        padding: 0;
        line-height: normal;
    }

    .fs-navigation .nav-inr li a span {
        font-size: 4.8vw;
        color: #444d54;
    }

    .fs-navigation .nav-inr li a span.fs-hide-label {
        font-size: 0;
    }

    .nav-child img {
        width: 40.93333vw;
    }

    .header-top {
        width: 100%;
        padding: 5.3333vw 0;
        border-top: 1px solid #e7e7e7;
        text-align: left;
        height: auto;
        line-height: normal;
    }

    .header-top .item-top {
        display: inline-block;
        vertical-align: middle;
        margin: 0 4.666vw 0 0;
        height: auto;
        line-height: normal;
    }

    .header-top .item-top.is-cart {
        margin: 0;
    }

    .header-top .item-top a {
        font-size: 3.4375vw;
        padding: 1vw 0;
        margin: 0;
    }

    .by-login a::before,
    .by-login a::after {
        -webkit-border-radius: 4.6666vw;
        border-radius: 4.6666vw;
    }

    .item-top.is-cart>a {
        padding: 1vw 0 1vw 7vw;
        background-size: 4.6vw auto;
        background-position: 1vw center;
    }

    .online-box {
        height: auto;
        line-height: normal;
        -webkit-transform: none;
        transform: none;
        padding: 0;
        display: none;
        opacity: 1;
        background-color: transparent;
    }

    .is-cart.active .online-box {
        display: block;
    }

    .online-box li {
        width: auto !important;
        margin: 0 1.333vw 0 0;
        height: auto;
    }

    .online-box li a {
        height: auto !important;
        line-height: normal !important;
        max-height: inherit !important;
    }

    .online-box li img {
        height: 11.111vw;
        width: auto;
    }

    .search-toggle {
        right: 4%;
        width: 5.3333vw;
        height: 5.3333vw;
        background-size: cover;
    }

    .search-top {
        top: 30vw;
        right: 5%;
    }

    .open-search .search-top {
        width: 90%;
    }

    .ready .search-top {
        -webkit-transition: none;
        transition: none;
    }

    .search-top input[type="text"] {
        padding: 5px 10.4vw;
        font-size: 3.75vw;
        height: 10vw;
        -webkit-border-radius: 5.3333vw;
        border-radius: 5.3333vw;
    }

    .search-close,
    .search-top-but {
        width: 10vw;
        height: 10vw;
        background-size: 3vw auto;
    }

    .fs-container {
        padding-bottom: 0;
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 8vw;
        top: 50%;
    }

    .by-happening {
        padding: 14.3333vw 4%;
    }

    .by-recipe .swiper-button-prev,
    .by-recipe .swiper-button-next {
        width: 7vw;
    }

    .swiper-button-prev {
        left: 4%;
    }

    .swiper-button-next {
        right: 4%;
    }

    .swiper-pagination-bullet {
        width: 3.2vw;
        height: 3.2vw;
        margin: 0 1.6vw;
    }

    .fs-banner.show-controls .swiper-button-prev,
    .fs-banner.show-controls .swiper-button-next {
        display: block;
    }

    .fs-banner .swiper-pagination-bullet-active {
        width: 6.4vw;
    }

    .default__home .fs-banner .swiper-pagination-bullet-active,
    .default__kid .fs-banner .swiper-pagination-bullet-active,
    .default__happening .fs-banner .swiper-pagination-bullet-active,
    .default__recipes .fs-banner .swiper-pagination-bullet-active,
    .default__journey .fs-banner .swiper-pagination-bullet-active,
    .default__brands .fs-banner .swiper-pagination-bullet-active,
    .default__detail .fs-banner .swiper-pagination-bullet-active {
        width: 3.2vw;
        height: 3.2vw;
    }

    .fs-happening .fs-inr,
    .fs-happened .fs-inr,
    .fs-enjoy-life .fs-inr,
    .fs-nestle-reciples .fs-inr,
    .fs-brands .fs-inr,
    .fs-form .fs-inr,
    .fs-detail .fs-inr,
    .fs-feedback .fs-inr,
    .results-item,
    .cate__box,
    .fs-join .fs-inr {
        max-width: inherit;
        padding: 0 4%;
    }

    .fs-title {
        padding: 0 4%;
        z-index: 10;
    }

    .fs-happening .fs-title {
        margin-bottom: 16.8vw;
        padding: 0 16%;
    }

    .fs-recipes .fs-title {
        padding: 0 7%;
        margin-bottom: 14.4vw;
    }

    .fs-enjoy-life .fs-title {
        margin-bottom: 11.7333vw;
    }

    .type-square .fs-title {
        padding: 0 5%;
        margin-bottom: 11.7333vw;
    }

    .fs-form .fs-title {
        margin-bottom: 11.7333vw;
    }

    .fs-detail .fs-title {
        padding: 0;
    }

    .fs-search .fs-title {
        padding: 0;
        margin-bottom: 5.333vw;
    }

    .fs-title h2,
    .fs-title h1,
    .fs-title .small-title,
    .fs-title h1 span,
    .fs-title h2 span {
        margin-bottom: 4.6666vw;
        font-size: 6.4vw;
        line-height: 1.2;
    }

    .title__brief {
        padding-top: 4.6666vw;
        max-width: 100%;
    }

    .title__brief p {
        font-size: 3.6vw;
    }

    .title__brief p br {
        display: none;
    }

    .line {
        width: 35.2vw;
        height: 0.8vw;
    }

    .fs-but {
        padding: 0 6.6666vw 0 8.8vw;
        font-size: 4.26666vw;
        height: 13.3333vw;
        line-height: 13.3333vw;
        -webkit-border-radius: 6.6666vw;
        border-radius: 6.6666vw;
    }

    .fs-but::before,
    .fs-but::after {
        -webkit-border-radius: 6.6666vw;
        border-radius: 6.6666vw;
    }

    .fs-but span {
        padding: 0 8.8vw 0 0;
        background-size: 6.13333vw auto;
    }

    .fs-banner {
        padding-top: 14vw;
    }

    .fs-banner .fs-buts {
        padding-top: 8vw;
    }

    .fs-banner .fs-but {
        padding: 0 8vw;
        height: 12vw;
        line-height: 12vw;
        font-size: 3.75vw;
    }

    .fs-banner .fs-but span {
        font-size: 3.75vw;
    }

    .fs-banner .fs-but span {
        padding: 0 7vw 0 0;
        background-size: 5.53333vw auto;
    }

    .fs-outer {
        left: 7%;
        top: 15.93333vw;
        width: 86%;
        max-width: 100%;
        text-align: center;
        -webkit-transform: none;
        transform: none;
    }

    .ta-c .fs-outer {
        bottom: 7vw;
    }

    .fs-banner .swiper-pagination {
        bottom: 2vw;
    }

    .fs-banner h2,
    .fs-banner .small-title {
        margin-bottom: 4.3333vw;
        font-size: 6.4vw;
        line-height: 1.2;
    }

    .banner-box p,
    .banner-box span {
        font-size: 4vw;
    }

    .fs-banner h2 br,
    .fs-banner .small-title br {
        display: none
    }

    .ellip.bg-red {
        top: 44vw;
        right: -23.46666vw;
        width: 29.3333vw;
        height: 29.3333vw;
    }

    .fs-recipes .ellip.bg-red {
        width: 17.4vw;
        height: 17.4vw;
        left: -4.5vw;
        top: -4vw;
    }

    .sub-banner .ellip.bg-red {
        bottom: auto;
        top: 44vw;
        right: -23.46666vw;
        width: 29.3333vw;
        height: 29.3333vw;
    }

    .ellip.bg-green {
        left: -26.13333vw;
        bottom: 21.333vw;
        width: 34.6666vw;
        height: 34.6666vw;
    }

    .sub-banner .ellip.bg-green {
        left: -26.13333vw;
        bottom: 32.333vw;
        width: 34.6666vw;
        height: 34.6666vw;
        top: auto;
    }

    .happen-item h3,
    .recipes-outer h3,
    .enjoy-items h3,
    .nestle-items h3,
    .brands-items h3 {
        font-size: 6.26666vw;
        line-height: 1.2;
    }

    .enjoy-items h3 br,
    .happen-item h3 br {
        display: none;
    }

    .happening-date {
        margin-bottom: 3.2vw;
        font-size: 3.2vw;
        line-height: 1;
    }

    .star-date {
        margin-right: 4.6666vw;
    }

    .star-date::after {
        right: -2.3333vw;
    }

    .happening-date span {
        margin-right: 2.4vw;
    }

    .brush-box,
    .enjoy-title {
        margin-bottom: 3.2vw;
    }

    .brush-box span,
    .enjoy-title span {
        padding: 2.0666vw 4.53333vw;
        font-size: 2.93333vw;
        -webkit-border-radius: 4vw;
        border-radius: 4vw;
    }

    /*Happening*/
    .fs-happening {
        padding: 11.3333vw 0 16.4vw 0;
    }

    .happen-box,
    .happen-item .fs-pic,
    .happen-item .fs-txt,
    .by-happening .happen-item .fs-pic,
    .by-happening .happen-item .fs-txt {
        float: none;
        padding: 0;
        width: 100%;
    }

    .happen-item {
        margin-bottom: 12.5333vw;
    }

    .fs-results .happen-item {
        float: none;
        width: 100%;
    }

    .happen-item .fs-pic {
        margin-bottom: 4.8vw;
        -webkit-border-radius: 2.66666vw;
        border-radius: 2.66666vw;
    }

    .fs-happening .fs-buts {
        text-align: center;
        padding: 0 0 12.5vw 0;
    }

    /*Event Box*/
    .event-box {
        float: none;
        padding: 0;
        width: 100%;
    }

    .event-box .fs-pic {
        -webkit-border-radius: 2.66666vw;
        border-radius: 2.66666vw;
    }

    .event-box .ellip.bg-red {
        width: 19.6vw;
        height: 19.6vw;
        margin: -13.8vw -5.5vw 0 0;
    }

    /*Happened*/
    .fs-happened {
        padding: 17.3333vw 0 14.3333vw 0;
    }

    .fs-happened .fs-title {
        margin-bottom: 14.4vw;
    }

    .fs-happened .leaf-left-red,
    .fs-happened .ellip {
        display: none;
    }

    .fs-happened .happen-item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .fs-happened .happen-item a {
        flex-wrap: wrap;
    }

    /*Recipes*/
    .fs-recipes .fs-inr {
        left: 4vw;
    }

    .cirlce-yellow {
        width: 15.4vw;
        height: 15.4vw;
        margin: 0;
        left: -2vw;
        top: 50vw;
    }

    .recipes-box {
        width: 81.53333vw;
    }

    .recipes-box .swiper-slide {
        padding: 0;
    }

    .recipes-box .item-slide {
        padding: 4vw;
        -webkit-border-radius: 2vw;
        border-radius: 2vw;
    }

    .recipes-box .fs-pic {
        -webkit-border-radius: 2vw 2vw 0 0;
        border-radius: 2vw 2vw 0 0;
    }

    .recipes-box .fs-txt {
        padding: 3.06666vw 4.8vw 17.333vw 4.8vw;
    }

    .recipes-outer h3 {
        min-height: 16.26666vw;
    }

    .brand-pic {
        width: 14.4vw;
        top: -7.2vw;
        right: 4.5vw;
    }

    .recipes-outer .fs-but {
        font-size: 4vw;
    }

    .recipes-outer .fs-but span {
        padding: 0 6.9333vw 0 0;
        background-size: 5.3333vw auto;
    }

    .recipes-outer .fs-but.external-link span {
        background-size: 4.3333vw auto;
    }

    .fs-recipes .fs-inr>.fs-buts {
        width: 92%;
        left: auto;
        text-align: center;
    }

    .fs-enjoy-life {
        padding: 12vw 0;
    }

    .enjoy-items {
        margin: 0;
    }

    .enjoy-items .fs-box {
        display: block;
        width: 100%;
        padding: 0;
    }

    .enjoy-items .fs-box,
    .enjoy-items .fs-box:nth-child(3n) {
        margin: 0 0 12.5333vw 0;
    }

    .enjoy-items .fs-txt {
        padding: 0;
    }

    .enjoy-items .fs-pic {
        margin-bottom: 4.8vw;
    }

    /*Enjoy more*/
    .enjoy-items .fs-pic::before {
        display: none;
    }

    .enjoy-items .fs-pic img {
        height: auto;
        position: relative;
        left: auto;
        top: auto;
    }

    .fs-recipes {
        padding: 17.3333vw 0 14.3333vw 0;
    }

    .recipes-bg::before {
        height: 7.2vw;
        background: url(../images/recipes-top-sp.png) no-repeat center top;
        background-size: 100% auto;
    }

    .recipes-bg::after {
        height: 6.6666vw;
        background: url(../images/recipes-bot-sp.png) no-repeat center bottom;
        background-size: 100% auto;
    }

    .recipes-leaf {
        background: url(../images/recipes-bg-sp.png) repeat-y center top;
        background-size: contain;
    }

    .recipes-outer {
        margin-bottom: 8.53333vw;
    }

    .fs-distributions {
        padding: 20vw 0 10vw 0;
    }

    .distributions-bg .enjoy__bg__top {
        top: 0;
        height: 9.8vw;
    }

    .distributions-bg .enjoy__bg__bot {
        height: 4vw;
        top: auto;
        bottom: 0;
    }

    .distributions-bg::before {
        height: calc(100% - 13.6vw);
        top: 9.6vw;
    }

    .distributions-leaf {
        background: url(../images/distributions-bg-sp.png) no-repeat -32vw 15.2vw;
        background-size: 70.6666vw auto;
    }

    .distribution-main {
        display: block;
        width: 74%;
        padding: 0;
        margin: 0 auto 9.7333vw auto;
        text-align: center;
    }

    .type-square .distribution-main {
        display: block;
        width: 92%;
        padding: 8vw 0;
        margin: 0 auto 9.7333vw auto;
        text-align: center;
        -webkit-border-radius: 0 4vw 0 4vw;
        border-radius: 0 4vw 0 4vw;
    }

    .distribution-main .fs-pic {
        display: block;
        width: 56%;
        margin: 0 auto 5.333vw auto;
    }

    .type-square .distribution-main .fs-pic {
        display: block;
        width: 56%;
        margin: 0 auto;
    }

    .distribution-main h2 {
        font-size: 7.4vw;
    }

    .distribution-main p {
        font-size: 4.8vw;
    }

    .default__home .distribution-side {
        padding: 0;
    }

    .distribution-side,
    .type-square .distribution-side {
        display: block;
        width: 100%;
        padding: 0 4%;
        margin: 0;
        text-align: center;
    }

    .type-square .distribution-side ul,
    .clusterb_brands .type-square .distribution-side ul {
        padding: 0;
        max-width: 100%;
    }

    .distribution-side li,
    .type-square .distribution-side li {
        flex: 0 0 21%;
        max-width: 21%;
        width: 21%;
        height: 21%;
        margin: 2%;
    }

    .default__brands .distribution-side li,
    .default__home .distribution-side li {
        width: 21%;
        height: 21%;
    }

    .fs-distributions .fs-buts,
    .default__home .fs-distributions .fs-buts {
        padding: 9vw 0 6vw 0;
        text-align: center;
    }

    .fs-nestle-reciples {
        padding: 11.3333vw 0 16.4vw 0;
    }

    .fs-nestle-reciples .fs-title {
        margin-bottom: 11.7333vw;
    }

    .fs-nestle-reciples .leaf-left-red {
        top: 6vw;
        left: -6vw;
        width: 28vw;
    }

    .nestle-items .fs-box {
        display: block;
        width: 100%;
    }

    .nestle-items .fs-box,
    .nestle-items .fs-box:nth-child(3n) {
        margin: 0 0 12.5333vw 0;
    }

    .nestle-items .fs-pic {
        padding: 2vw;
        -webkit-border-radius: 2.6666vw;
        border-radius: 2.6666vw;
        margin-bottom: 4.8vw;
    }

    .sort-content {
        position: relative;
        display: block;
        width: 89.3333%;
        margin: 0 auto;
        background-color: #fff;
        -webkit-box-shadow: 0px 10px 30px rgba(86, 86, 86, 0.2);
        box-shadow: 0px 10px 30px rgba(86, 86, 86, 0.2);
        -webkit-border-radius: 1.3333vw;
        border-radius: 1.3333vw;
        margin-bottom: 4vw;
    }

    .sort-toggle {
        position: relative;
        display: block;
        width: 100%;
        height: 12vw;
        line-height: 12vw;
        margin: 0 auto;
        padding: 0 3%;
        background: url(../images/filter-icon.png) no-repeat 96% center;
        background-size: 4vw auto;
    }

    .sort-toggle span {
        display: inline-block;
        font-family: 'Nunito Sans';
        font-weight: bold;
        font-style: normal;
        color: #424d54;
        font-size: 3.75vw;
    }

    .nestle-sort-box {
        width: 100%;
        height: auto;
        line-height: initial;
        padding: 0;
        margin-top: -1vw;
        box-shadow: none;
        border-top: 1px solid #afafaf;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-color: transparent;
        display: none;
        opacity: 0;
    }

    .sort-toggle.show-filter+.nestle-sort-box {
        display: block;
        opacity: 1;
    }

    .ready .nestle-sort-box {
        -webkit-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
    }

    .nestle-sort {
        display: block;
        width: 100%;
        padding: 3vw 0 0 0;
    }

    .nestle-sort .fs-box {
        display: block;
        width: 100%;
        max-width: inherit;
        margin: 0;
    }

    .nestle-sort .fs-box:nth-child(1),
    .nestle-sort .fs-box:nth-child(2),
    .nestle-sort .fs-box:nth-child(3) {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        padding: 4vw 0;
    }

    .nestle-sort .fs-box:nth-child(1) {
        margin-left: 3%;
    }

    .nestle-sort .fs-box:nth-child(2),
    .nestle-sort .fs-box:nth-child(3) {
        margin-left: 2%;
    }

    .nestle-sort .fs-box:nth-child(4) {
        z-index: 3;
    }

    .nestle-sort .fs-box:nth-child(5) {
        z-index: 2;
    }

    .nestle-sort .fs-select-header {
        padding: 0 3%;
        height: 12vw;
        line-height: 12vw;
        border: none;
        background-color: #fff;
    }

    .nestle-sort .fs-select-header::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 5.3333vw;
        width: 3.6vw;
        height: 2.26666vw;
        background: url(../images/arrow-down-sp.png) no-repeat center center;
        background-size: contain;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .nestle-sort .fs-checkbox label::before,
    .nestle-sort .fs-checkbox input[type='checkbox'],
    .nestle-sort .fs-checkbox input[type='radio'] {
        top: 0;
        width: 4vw;
        height: 4vw;
    }

    .nestle-sort .fs-checkbox label::after {
        left: 1vw;
        top: 1vw;
        width: 2vw;
        height: 2vw;
    }

    .nestle-sort .fs-checkbox label {
        padding-left: 5vw;
    }

    .nestle-sort .fs-checkbox label {
        font-size: 3.125vw;
    }

    .nestle-sort .fs-select-header span {
        font-size: 3.75vw;
    }

    .nestle-sort .fs-select-box {
        background-color: #fff;
    }

    .nestle-sort .fs-select-box ul {
        width: 94%;
        margin: 0 auto;
        border-top: 1px solid #afafaf;
        box-shadow: none;
    }

    .nestle-sort .fs-select-box li {
        padding: 10px 0;
        font-size: 3.75vw;
        margin: 0;
    }

    .nestle-search {
        position: relative;
        float: none;
        width: 100%;
        padding: 0 3% 6% 3%;
    }

    .nestle-search input[type="text"] {
        font-size: 3.75vw;
        height: 12vw;
        border-bottom: 1px solid #dedede;
        padding: 0 13vw 0 0;
    }

    .nestle-search-but {
        top: 0;
        right: 0;
        width: 12vw;
        height: 12vw;
        line-height: 12vw;
    }

    .nestle-search-but img {
        vertical-align: middle;
        max-width: 40%;
        max-height: initial;
    }

    .nestle-slugs {
        width: 89.3333%;
        padding: 0;
        margin: 0 auto 7.3333vw auto;
    }

    .nestle-slugs span {
        font-size: 3vw;
        -webkit-border-radius: 4vw;
        border-radius: 4vw;
    }

    .nestle-slugs span.slug-delAll {
        padding: 1.2vw 8.4vw 1.6vw 6.4vw;
    }

    .nestle-slugs span.slug-del {
        padding: 1.2vw 8.4vw 1.6vw 4.4vw;
    }

    .nestle-slugs span.slug-del::after {
        right: 3vw;
        width: 2vw;
        height: 2vw;
    }

    .fs-brands {
        padding: 17.3333vw 0 14.3333vw 0;
    }

    .brands-items .fs-box {
        display: block;
        width: 100%;
        padding: 0;
    }

    .brands-items .fs-box,
    .brands-items .fs-box:nth-child(3n) {
        margin: 0 0 12.5333vw 0;
    }

    .brands-items+.fs-buts {
        padding-top: 8vw;
    }

    .brands-items .fs-box:last-child {
        margin: 0;
    }

    .brands-items .fs-pic {
        margin-bottom: 4.8vw;
    }

    .brands-items h3 {
        margin-bottom: 8vw;
        min-height: initial;
    }

    .fs-form {
        padding: 34vw 0 12vw 0;
    }

    .form-box {
        width: 100%;
        padding: 6vw 5% 8vw 5%;
        margin: 0 auto 8vw auto;
        box-shadow: 0px 9px 30px rgba(86, 86, 86, 0.15);
        -webkit-border-radius: 2.6666vw;
        border-radius: 2.6666vw;
    }

    .fs-group {
        margin-bottom: 3.6vw;
    }

    .fs-form h3 {
        margin-bottom: 4vw;
        font-size: 4vw;
    }

    .form-box form {
        padding: 0;
    }

    .mask-txt {
        left: 3.6875vw;
        padding: 0 1vw;
    }

    .mask-txt,
    input[type='text'],
    input[type='password'],
    input[type='email'],
    textarea {
        font-size: 3.75vw;
    }

    .feedback-box input[type="email"],
    input[type='text'],
    input[type='password'],
    input[type='email'] {
        height: 12.5vw;
        padding: 5px 4.6875vw;
        -webkit-border-radius: 6.25vw;
        border-radius: 6.25vw;
    }

    .fs-error-txt {
        -webkit-border-radius: 6.25vw;
        border-radius: 6.25vw;
    }

    .fs-error-txt p {
        left: 4.6875vw;
        font-size: 3.125vw;
    }

    .fs-form .fs-but {
        height: 12.5vw;
        line-height: 12.5vw;
    }

    .eye-icon {
        width: 12.5vw;
        height: 12.5vw;
        background-size: 4.6vw auto;
    }

    .extra-box {
        padding: 6vw 0 0 0;
    }

    .extra-box p {
        margin-bottom: 3vw;
        font-size: 3.25vw;
    }

    .password-rule p,
    .password-rule li {
        margin-bottom: 3vw;
        font-size: 3.75vw;
    }

    .form-social li {
        width: auto;
        height: auto;
        margin: 0 1.5%;
    }

    .form-social li img {
        width: auto;
        height: 12.5vw;
    }

    .fs-banner.by-contact .fs-outer {
        right: auto;
        width: 100%;
        max-width: inherit;
        padding: 0 4%;
        top: 38vw;
    }

    .fs-banner.by-contact .fs-outer::before {
        width: 6.6666vw;
        height: 22vw;
        background: url(../images/contact-arrow-sp.png) no-repeat center top;
        background-size: cover;
        left: 62%;
        bottom: auto;
        top: 100%;
    }

    .fs-banner.by-contact .company-info {
        max-width: inherit;
        padding: 5%;
    }

    .fs-banner .company-info h2 {
        font-size: 4.0625vw;
    }

    .fs-banner .company-info p {
        font-size: 3.75vw;
    }

    .fs-feedback .fs-inr {
        width: 100%;
        background-color: transparent;
    }

    .feedback-box {
        padding: 0;
        background-color: transparent;
        box-shadow: none;
    }

    .feedback-option {
        margin-bottom: 6vw;
    }

    .feedback-box p {
        margin-bottom: 5.333vw;
    }

    .feedback-box p strong {
        font-size: 3.75vw;
        text-align: center;
    }

    .feedback-box p strong br {
        display: none;
    }

    .feedback-box p,
    .fs-feedback .mask-txt,
    .fs-feedback input[type='text'],
    .fs-feedback input[type='password'],
    .fs-feedback input[type='email'],
    .fs-feedback textarea {
        font-size: 3.75vw;
    }

    .feedback-box textarea {
        height: 22.6666vw;
        padding: 2.6875vw 4.6875vw;
    }

    .feedback-option .fs-select.fs-sp {
        display: block;
    }

    .feedback-option .fs-select-header {
        padding: 0 5.3333vw;
        height: 12vw;
        line-height: 12vw;
        border: none;
        background-color: #fff;
        box-shadow: 0px 9px 30px rgba(86, 86, 86, 0.15);
        -webkit-border-radius: 1.3333vw;
        border-radius: 1.3333vw;
    }

    .feedback-option .fs-select-header::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 4.3333vw;
        width: 3.6vw;
        height: 2.26666vw;
        background: url(../images/arrow-down-sp.png) no-repeat center center;
        background-size: contain;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .feedback-option .fs-select-header span {
        font-size: 3.75vw;
        color: #dd452a;
    }

    .feedback-option .fs-select-box li {
        display: block;
        padding: 15px 5.3333vw;
        font-size: 3.75vw;
        margin: 0;
    }

    .feedback-box .fs-but {
        height: 13.3333vw;
        line-height: 13.3333vw;
    }

    .register-box {
        max-width: inherit;
    }

    .register-rule {
        padding: 6% 5%;
        -webkit-border-radius: 2.6666vw;
        border-radius: 2.6666vw;
    }

    .register-rule .fs-checkbox input[type='checkbox'],
    .register-rule .fs-checkbox label::before {
        top: 1vw;
        width: 5vw;
        height: 5vw;
    }

    .register-rule .fs-checkbox label::after {
        top: 2vw;
        left: 1vw;
        width: 3vw;
        height: 3vw;
    }

    .register-rule .fs-checkbox label {
        padding: 0 0 0 7vw;
        font-size: 3.75vw;
    }

    .bird {
        width: 23.6vw;
    }

    .fs-happening .bird,
    .fs-banner+.fs-happening .bird {
        top: 50vw;
    }

    .leaf-yellow {
        width: 24.93333vw;
    }

    .fs-distributions .leaf-yellow {
        right: 4%;
        top: -8vw;
    }

    .fs-nestle-reciples .leaf-yellow {
        display: none;
    }

    .leaf-right {
        width: 22.6666vw;
    }

    .fs-enjoy-life .leaf-right {
        top: -26.3vw;
        right: -2.1333vw;
    }

    .fs-feedback .ellip.bg-yellow,
    .fs-feedback .bird,
    .fs-nestle-reciples .leaf-right,
    .fs-enjoy-life .bird,
    .fs-detail .bird,
    .fs-enjoy-life .leaf-left,
    .fs-recipes .leaf-left,
    .recipes-detail .ellip.bg-yellow,
    .fs-enjoy-life .ellip.bg-red,
    .fs-nestle-reciples .ellip.bg-yellow,
    .fs-brands .ellip.bg-yellow,
    .fs-brands .leaf-yellow,
    .recipes-detail .leaf-yellow,
    .by-recipe .ellip.bg-red,
    .fs-brands .leaf-right,
    .fs-search .bird,
    .by-enjoy .leaf-right-yellow2,
    .fs-form .ellip.bg-red,
    .fs-form .leaf-right-yellow2,
    .fs-form .bird,
    .fs-detail .leaf-right-yellow,
    .recipes-detail .leaf-left-red,
    .recipes-detail .leaf-right {
        display: none;
    }

    .fs-brands .leaf-left-red {
        top: -12vw;
        width: 26vw;
    }

    .clustera_recipe_detail .fs-detail,
    .clusterb_recipe_detail .fs-detail,
    .clusterc_recipe_detail .fs-detail {
        padding: 32vw 0 8vw 0;
    }

    .fs-detail {
        padding: 0 0 16vw 0;
    }

    .clustera_recipe_detail .fs-detail.recipes-detail .event-box.bg__grey,
    .clusterb_recipe_detail .fs-detail.recipes-detail .event-box.bg__grey,
    .clusterc_recipe_detail .fs-detail.recipes-detail .event-box.bg__grey {
        -webkit-border-radius: 1vw;
        border-radius: 1vw;
        padding: 12vw 1.5vw 6vw 1.5vw;
        margin-bottom: 8vw;
    }

    .event__item {
        margin-bottom: 8vw;
    }

    .event__item h3 {
        font-size: 6.2vw;
        margin-bottom: 5vw;
    }

    .event__item__txt {
        padding: 5vw 0 6vw 0;
    }

    .event__item p {
        font-size: 4.8vw;
    }

    .detail-box {
        float: none;
        width: 100%;
        padding: 0 0 7vw 0;
    }

    .date-post {
        margin-bottom: 4vw;
        padding-left: 4.8vw;
        font-size: 3.2vw;
    }

    .date-post::before {
        width: 3.2vw;
        height: 3.2vw;
    }

    .summary {
        margin-bottom: 5.3333vw;
    }

    .summary p {
        font-size: 4vw;
    }

    .detail-content p {
        margin-bottom: 5.3333vw;
        font-size: 3.75vw;
    }

    .detail-content table {
        width: 100%;
        display: block;
        border: 1px solid #dbdbdb;
        margin-bottom: 2.7777vw;
        border-radius: 0 1.5625vw 0 1.5625vw;
    }

    .detail-content tbody {
        padding: 3vw 0 5vw 0;
    }

    .detail-content tbody,
    .detail-content table tr,
    .detail-content table th,
    .detail-content table td {
        display: block;
        width: 100%;
    }

    .detail-content table th,
    .detail-content table td {
        font-size: 3.75vw;
    }

    .detail-content table th,
    .detail-content table td,
    .detail-content table tr:last-child td {
        padding: 0.5vw 3vw;
    }

    .detail-social {
        padding: 0 0 4vw 0;
        margin-bottom: 4vw;
    }

    .fs-detail .event-box .fs-pic {
        text-align: center;
    }

    .fs-detail .event-box .fs-pic img {
        width: auto;
        margin: 0 auto;
        max-width: 100%;
    }

    .relations .small-title {
        font-size: 4vw;
    }

    .ready .relations li a {
        -webkit-transition: none;
        transition: none;
    }

    .relations li a {
        font-size: 3.75vw;
        padding-left: 3vw;
    }

    .relations li a::before {
        top: 2.2vw;
    }

    .relations li a:hover {
        font-family: 'Nunito Sans';
        font-weight: 400;
        font-style: normal;
    }

    .tags {
        margin: 0 auto 6vw auto;
    }

    .tags span {
        padding: 1.2vw 3.4vw 1.6vw 3.4vw;
        font-size: 3.2vw;
        -webkit-border-radius: 2.6666vw;
        border-radius: 2.6666vw;
        margin: 0 1.5625vw 0 0;
    }

    .tags span:nth-child(1) {
        padding: 1.2vw 2vw 1.6vw 0;
    }

    .detail-social li img {
        height: 8vw;
        width: auto;
    }

    .fs-detail.recipes-detail .event-box {
        padding: 0;
    }

    .event-box__banner .fs-pic .fs-buts,
    .event__item__pic .fs-buts {
        bottom: 3vw;
    }

    .enjoy-sort {
        width: 100%;
        display: block;
        z-index: 4;
        background-color: #ee2926;
    }

    .enjoy-box {
        margin: 0 auto 6.6666vw auto;
    }

    .enjoy-sort .fs-select.fs-sp {
        display: block;
        margin-bottom: 6.26666vw;
    }

    .enjoy-sort .fs-select-header {
        padding: 0 5%;
        height: 13.3333vw;
        line-height: 13.3333vw;
        border: none;
    }

    .enjoy-sort .fs-select-header::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 5%;
        width: 6.93333vw;
        height: 4.8vw;
        background: url(../images/arrow-white-down.png) no-repeat center center;
        background-size: contain;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .enjoy-sort .fs-select-header span {
        font-size: 4vw;
        color: #fff;
    }

    .enjoy-sort .fs-select-box ul {
        background-color: #fff;
    }

    .enjoy-sort .fs-select-box li {
        display: block;
        padding: 0;
        margin: 0;
        height: auto;
        font-size: 3.75vw;
        line-height: initial;
    }

    .enjoy-sort .fs-select-box li span {
        display: block;
        padding: 10px 3%;
        -webkit-border-radius: 0;
        border-radius: 0;
        font-size: inherit;
        text-transform: initial;
    }

    .enjoy-search,
    .by-kid .enjoy-search {
        position: relative;
        display: block;
        width: 100%;
    }

    .enjoy-search input[type="text"],
    .by-kid .enjoy-search input[type="text"] {
        height: 12vw;
        padding: 5px 4vw;
        font-size: 4.26666vw;
        -webkit-border-radius: 6.6666vw;
        border-radius: 6.6666vw;
    }

    .enjoy-search-but {
        top: 0;
        right: 0;
        width: 12vw;
        height: 12vw;
        line-height: 12vw;
    }

    .enjoy-search-but img {
        display: inline-block;
        vertical-align: middle;
        max-width: 40%;
        max-height: initial;
    }

    .fs-search {
        padding: 34vw 0 8vw 0;
    }

    .shortcut-results {
        padding: 2vw 4% 0 4%;
    }

    .shortcut-results li {
        font-size: 3.475vw;
        margin: 0 2.1875vw 2.1875vw 0;
    }

    .results-item .small-title {
        font-size: 5vw;
        margin-bottom: 5vw;
    }

    .by-recipe {
        padding: 17.3333vw 4% 14.3333vw 4%;
    }

    .fs-results .nestle-items .fs-box {
        margin: 0;
        padding: 0;
    }

    .fs-results .nestle-items .fs-pic {
        box-shadow: none;
    }

    .by-enjoy {
        padding: 14.333vw 4%;
    }

    .by-enjoy .enjoy-items .fs-box:last-child {
        margin: 0;
    }

    .search-box {
        position: relative;
        display: block;
        width: 90%;
    }

    .search-box input[type="text"] {
        height: 12vw;
        padding: 5px 4vw;
        font-size: 4.26666vw;
        -webkit-border-radius: 6.6666vw;
        border-radius: 6.6666vw;
    }

    .search-but {
        top: 0;
        right: 0;
        width: 12vw;
        height: 12vw;
        line-height: 12vw;
    }

    .search-but img {
        display: inline-block;
        vertical-align: middle;
        max-width: 40%;
        max-height: initial;
    }

    .fs-cate {
        padding: 12.5333vw 0 0 0;
    }

    .cate-wrap {
        padding: 0 4% 34.6666vw 4%;
        margin: 0 auto;
    }

    .cate-wrap.no__bg {
        padding-bottom: 18.333vw;
    }

    .cate-wrap.no__bg .fs-cate-list .fs-box {
        margin-bottom: 24.8vw;
    }

    .cate-wrap.no__bg .fs-cate-list .fs-box:last-child {
        margin-bottom: 8vw;
    }

    .fs-cate-detail .cate-inr {
        padding: 14.3vw 4% 0 4%;
    }

    .fs-cate-detail .cate-wrap.no__bg .fs-cate-list .fs-box {
        margin-bottom: 12vw;
    }

    .cate-inr {
        padding: 22.1333vw 5.73333vw 0 5.73333vw;
    }

    .fs-cate-brief {
        width: 92%;
        padding-bottom: 26vw;
    }

    .cate-wrap .fs-bg img.cate-top {
        top: -22vw;
    }

    .cate-wrap .fs-bg img.cate-bot {
        top: auto;
        bottom: 0;
        position: absolute;
    }

    .fs-cate-brief .fs-title {
        width: 81.3333vw;
        padding: 0;
        margin: 0 auto 9.3333vw auto;
    }

    .fs-cate-brief p {
        font-size: 5vw;
        margin-bottom: 5vw;
    }

    .fs-cate-list .fs-box {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 24.8vw;
    }

    .cate-title {
        height: 24vw;
    }

    .cate-icon {
        top: -11.86666vw;
        width: 23.73333vw;
    }

    .cate-title h2 {
        font-size: 6.4vw;
        bottom: 1.73333vw;
    }

    .fs-cate-list .fs-pic {
        margin-bottom: 6.4vw;
    }

    .fs-cate-list .fs-txt {
        margin-bottom: 6.4vw;
        padding: 0 1.5vw;
        height: auto;
    }

    .fs-cate-list p {
        font-size: 4.8vw;
    }

    .fs-cate-list .fs-buts {
        padding: 0 0 6.93333vw 0;
    }

    .fs-cate-list .fs-but {
        padding: 0 6.6666vw 0 8.8vw;
        height: 11.7vw;
        line-height: 11.7vw;
    }

    .fs-title.color-grey {
        padding: 0;
    }

    .fs-enjoy-life.bg-white {
        padding: 16vw 0;
    }

    .fs-title.color-grey h2 {
        font-size: 10.6666vw;
    }

    .bg-white .recipes-bg::after {
        height: 8vw;
        background: url(../images/cho-tre-vui-khoe/recipes-bottom-white-sp.jpg) no-repeat center bottom;
        background-size: 100% auto;
    }

    .fs-enjoy-life.bg-grey {
        padding: 16vw 0;
    }

    .bg-grey .recipes-bg::after {
        height: 14.93333vw;
        background: url(../images/cho-tre-vui-khoe/recipes-bottom-grey-sp.jpg) no-repeat center bottom;
        background-size: 100% auto;
        bottom: -1px;
    }

    .short-menu {
        right: 10%;
        bottom: 10%;
        width: 80%;
        justify-content: center;
    }

    .short-all {
        top: auto;
        width: 46%;
        margin: 0 20% 4% 20%;
    }

    .short-sub {
        width: 38%;
        margin: 1.5%;
    }

    .short__txt {
        font-size: 3.2vw;
    }

    .short-gradient-dark-blue .short__txt {
        bottom: 1.6vw;
    }

    .short-gradient-light-blue .short__txt {
        bottom: 5.3vw;
    }

    .short-gradient-yellow .short__txt {
        bottom: 1.8vw;
    }

    .short-gradient-green .short__txt {
        bottom: 1.2vw;
    }

    .short-sub::before,
    .short-sub::after {
        -webkit-border-radius: 5.3333vw;
        border-radius: 5.3333vw;
    }

    .short-sub img {
        top: 2vw;
        width: 60%;
    }

    .fs-sub {
        padding: 34vw 0 17vw 0;
    }

    .sub-inr {
        width: 92%;
    }

    .sub-bg {
        padding: 15.4vw 4% 12vw 4%;
        z-index: 4;
    }

    .sub-icon {
        top: -12vw;
        width: 24vw;
        padding: 1.3333vw;
        z-index: 3;
    }

    .sub-brief h2 {
        font-size: 9vw;
        margin-bottom: 4vw;
    }

    .sub-brief p {
        font-size: 5vw;
    }

    .sub-blue .sub-icon::before {
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(39, 81, 162, 1)), color-stop(100%, rgba(44, 103, 185, 1)));
        background: -webkit-linear-gradient(0deg, rgba(39, 81, 162, 1) 0%, rgba(44, 103, 185, 1) 100%);
        background: linear-gradient(90deg, rgba(39, 81, 162, 1) 0%, rgba(44, 103, 185, 1) 100%);
    }

    .extra-pic {
        z-index: 2;
    }

    .extra-blue-left {
        width: 93.7333vw;
        right: auto;
        left: -11vw;
        top: -32vw;
        margin: 0;
    }

    .extra-blue-right {
        width: 84.1333vw;
        top: auto;
        bottom: -25vw;
        left: 3vw;
        margin: 0;
    }

    .extra-light-blue-left {
        width: 81.3333vw;
        right: 5vw;
        margin: 0;
        top: -28vw;
    }

    .extra-light-blue-right {
        width: 74.9333vw;
        margin: 0;
        top: auto;
        left: 9vw;
        bottom: -23vw;
    }

    .extra-green-left {
        width: 73.3333vw;
        margin: 0;
        right: 8vw;
        top: -32vw;
    }

    .extra-green-right {
        width: 75.3333vw;
        margin: 0;
        top: auto;
        bottom: -22vw;
        left: 7vw;
    }

    .extra-yellow-left {
        margin: 0;
        width: 86.4vw;
        left: 3vw;
        top: -32vw;
    }

    .extra-yellow-right {
        margin: 0;
        width: 80.8vw;
        left: 5vw;
        top: auto;
        bottom: -20vw;
    }

    .video-but {
        width: 10.6666vw;
        left: 43.5%;
        top: 46vw;
    }

    .fs-headline {
        padding: 2vw 0 20.6vw 0;
        background-color: #f8f7f3;
    }

    .headline-inr {
        width: 100%;
        max-width: initial;
    }

    .fs-headline .fs-title {
        padding: 0 5%;
    }

    .title__dot {
        position: absolute;
        width: 8vw;
        top: 10.2vw;
    }

    .title__dot-l {
        left: 14vw;
    }

    .title__dot-r {
        right: 14vw;
    }

    .fs-headline .title__dot-l {
        left: 6vw;
    }

    .fs-headline .title__dot-r {
        right: 6vw;
    }

    .fs-title h2.title__inline {
        font-size: 5.74vw;
        margin: 0;
    }

    .headline-brief {
        padding: 4vw 6% 6vw 6%;
        font-size: 3.7vw;
    }

    .fs-but.arrow_down_red span {
        background-size: 4.357vw auto;
        padding: 0 8vw 0 0;
        background-position: right center;
    }

    .fs-message {
        margin-bottom: 11.44vw;
    }

    .message__flower1 {
        top: -11.5vw;
        width: 34vw;
    }

    .message__flower2 {
        width: 13vw;
    }

    .message__flower3 {
        width: 6.645833vw;
        right: 45.6vw;
    }

    .message__flower4 {
        top: 6vw;
        right: 35vw;
        width: 8vw;
    }

    .message-bock {
        position: absolute;
        top: 13vw;
        left: 2%;
        width: 98%;
        height: auto;
    }

    .message-scroll {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .scroll-wrap {
        display: inline-block;
        width: auto;
        padding-right: 5vw;
    }

    .message-bock img {
        height: 52vw;
        width: auto;
        max-width: initial;
    }

    .message-note {
        position: relative;
        left: -2vw;
        top: 1vw;
        width: 100%;
        font-size: 3.7vw;
        color: #fff;
        text-align: center;
        font-weight: bold;
    }

    .message_arrow {
        position: relative;
        top: 0.3vw;
        left: 0.2vw;
        display: inline-block;
        width: 2.5vw;
    }

    .message-bock .message_arrow img {
        width: 100%;
        height: auto;
    }

    .message-inr .fs-buts {
        bottom: 22.0694vw;
    }

    .message-endow {
        width: 47%;
        font-size: 3.2vw;
        margin: 5.3333vw auto 0 auto;
    }

    .message-endow::after {
        width: 4.6666vw;
        height: 4.6666vw;
    }

    .kids_item--rt {
        width: 33.1666vw;
        top: -30vw;
    }

    .kids_item--lt {
        top: 10vw;
        left: -8vw;
        width: 28.5555vw;
    }

    .kids_item--lb {
        left: -10vw;
        bottom: 0;
        width: 60.3645vw;
    }

    .kids_item--rb {
        right: -12vw;
        bottom: 0;
        width: 45.458333vw;
    }

    .fs-promotion {
        padding-bottom: 44vw;
    }

    .fs-promotion .fs-title {
        padding: 0;
    }

    .fs-promotion .title__dot {
        top: 6vw;
    }

    .promotion-inr {
        width: 92%;
        z-index: 2;
    }

    .elements__item--coin {
        width: 8.3333vw;
        right: 7vw;
        top: 12vw;
    }

    .elements__item--coin_small,
    .elements__item--flower {
        display: none;
    }

    .promotions {
        margin-top: 10vw;
    }

    .promotions__item {
        width: 100%;
        padding: 1.6vw;
        margin-bottom: 4.58vw;
        -webkit-border-radius: 3vw;
        border-radius: 3vw;
    }

    .promotions__detail {
        -webkit-border-radius: 3vw;
        border-radius: 3vw;
    }

    .promotions__item--nescafe,
    .promotions__item {
        margin-top: auto;
    }

    .promotions__item--milo,
    .promotions__item--nestea {
        position: relative;
        left: auto;
        -webkit-transform: none;
        transform: none;
    }

    .promotions__detail--nescafe,
    .promotions__detail--maggi,
    .promotions__detail--milo,
    .promotions__detail--kitkat {
        padding: 4.2vw 0 5.2vw 0;
    }

    .promotions__detail--nestea {
        padding: 2.1333vw 0 4vw 0;
    }

    .promotions__title--nescafe {
        width: 60%;
        margin-bottom: 3.7vw;
    }

    .promotions__wrap::before {
        display: none;
    }

    .promotions__detail--maggi,
    .promotions__detail--milo,
    .promotions__detail--nestea {
        position: relative;
        left: auto;
        top: auto;
        height: auto;
        flex-wrap: wrap;
    }

    .promotions__title--maggi {
        width: 44.7%;
        margin-left: 5.8vw;
        margin-top: 0;
    }

    .promotions__product--maggi {
        width: 42.4924%;
        margin-right: 2.5vw;
    }

    .promotions__detail--milo {
        flex-direction: row-reverse;
    }

    .promotions__product--milo {
        width: 54.4864%;
        margin: 8vw 0 0 0;
    }

    .promotions__title--milo {
        width: 42.1921%;
        right: 2vw;
        margin: 0;
    }

    .promotions__title--nestea {
        left: 2.666vw;
        width: 41.8918%;
        padding: 0;
        margin: 0;
        display: inline-block;
    }

    .promotions__product-nestea {
        position: absolute;
        right: 1vw;
        bottom: auto;
        top: 12vw;
        width: 52.102%;
        margin-top: 0;
    }

    .promotions__title--kitkat {
        width: 80.03003%;
        margin: 0 auto 4vw 2.6666vw;
    }

    .promotions__product--kitkat {
        width: 104%;
        margin: -16vw 0 -12vw 0;
    }

    .promotions__img--kitkat {
        left: -2%;
    }

    .promotions__over {
        padding: 4.36vw 0 0 0;
        font-size: 3.7vw;
        background: none;
    }

    .promotions__over--maggi {
        color: #844400;
    }

    .promotions__over--nestea {
        color: #1e2882;
    }

    .promotions__title--over {
        display: none;
    }

    .promotions__over p {
        padding: 0 8vw;
    }

    .but-yellow::before,
    .but-yellow::after {
        -webkit-border-radius: 9vw;
        border-radius: 9vw;
    }

    .but-yellow::after {
        -webkit-transform: translateY(-1vw);
        transform: translateY(-1vw);
    }

    .promotions__over--maggi .but-yellow {
        color: #fff;
    }

    .promotions__over--maggi .but-yellow::before {
        background-color: #ff6161;
    }

    .promotions__over--maggi .but-yellow::after {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 69, 69, 1)), color-stop(1%, rgba(255, 69, 69, 1)), color-stop(99%, rgba(218, 0, 0, 1)), color-stop(100%, rgba(218, 0, 0, 1)));
        background: -webkit-linear-gradient(270deg, rgba(255, 69, 69, 1) 0%, rgba(255, 69, 69, 1) 1%, rgba(218, 0, 0, 1) 99%, rgba(218, 0, 0, 1) 100%);
        background: linear-gradient(180deg, rgba(255, 69, 69, 1) 0%, rgba(255, 69, 69, 1) 1%, rgba(218, 0, 0, 1) 99%, rgba(218, 0, 0, 1) 100%);
    }

    .promotions__over--maggi .fs-but.fs-but--cart span {
        background: url(../images/cart_yellow.png) no-repeat right 0.5vw;
        background-size: 5.27vw auto;
    }

    .promotions__item .fs-buts,
    .promotions__item .promotions__over--maggi .fs-buts,
    .promotions__item .promotions__over--milo .fs-buts,
    .promotions__item .promotions__over--nestea .fs-buts {
        padding: 4vw 0 0 0;
    }

    .promotions__item .fs-but {
        padding: 0 10.5vw;
    }

    .fs-but.fs-but--cart span {
        padding: 0 8vw 0 0;
        background-size: 5.27vw auto;
        background-position: right 0.5vw;
    }

    .fs-links {
        padding-top: 3vw;
    }

    .fs-links__url {
        font-size: 2.8vw;
    }

    /*Single category*/
    .fs-single-cate .fs-title {
        margin-bottom: 8vw;
    }

    .fs-single-cate .cate__box {
        margin-top: 20vw;
        width: 92%;
        padding: 0;
    }

    .cate__items {
        display: block;
        width: 90%;
        padding-bottom: 2vw;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .cate__item {
        display: inline-block;
        padding: 2.4vw 6vw 2vw 6vw;
        -webkit-border-radius: 5vw;
        border-radius: 5vw;
    }

    .cate__item span {
        font-size: 4vw;
    }

    .highligh__list {
        width: 88%;
        margin-top: -13vw;
    }

    .highligh__item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .highligh__item,
    .highligh__item:nth-child(2n) {
        margin: 0 0 8vw 0;
    }

    .fs-single-cate .cate-title {
        height: 30vw;
    }

    .highligh__item .fs-pic {
        margin-bottom: 4vw;
    }

    .highligh__item .fs-txt {
        padding: 0;
    }

    .highligh__item .fs-txt h3 {
        font-size: 6.26666vw;
    }

    .cate__box .fs-buts {
        padding: 0 0 10vw 0;
    }

    .fs-single-cate .leaf-left {
        width: 26.6vw;
        left: -6vw;
        bottom: -20vw;
    }

    .fs-single-cate .leaf-left-red {
        left: 2vw;
        top: 22vw;
        width: 17vw;
    }

    .fs-single-cate .leaf-yellow-right {
        right: -6vw;
        top: 46vw;
        width: 15vw;
    }

    /*Bg Common*/
    .fs-happening,
    .fs-happened,
    .fs-enjoy-life,
    .fs-cate-detail,
    .fs-brands,
    .fs-recipes,
    .fs-single-cate,
    .default__kid .fs-enjoy-life {
        padding: 14.3333vw 0;
    }

    /*Generic*/
    .default__home .fs-happening,
    .default__happening .fs-happening,
    .default__home .fs-enjoy-life,
    .default__recipes .fs-nestle-reciples,
    .default__kid .fs-cate,
    .default__brands .fs-distributions,
    .default__brands .fs-brands {
        padding: 14.333vw 0;
    }

    .default__home .fs-enjoy-life .enjoy__bg__top {
        bottom: 100%;
    }

    .default__home .fs-recipes {
        padding: 14.333vw 0 24.333vw 0;
    }

    .default__journey .fs-enjoy-life {
        padding: 14.333vw 0 6.333vw 0;
    }

    .default__kid .fs-join {
        padding-bottom: 14.3vw;
    }

    .default__home .fs-happening .fs-title,
    .default__happening .fs-happening .fs-title {
        margin-bottom: 10.8vw;
    }

    .default__home .fs-happening .bird,
    .default__happening .fs-happening .bird {
        top: 37vw;
    }

    .default__kid .fs-enjoy-life .enjoy__bg__top {
        top: -16vw;
    }

    .fs-enjoy-life .enjoy__bg__top.reverse {
        top: -15vw;
    }

    /*ClusterA clustera_wellness_wellness*/
    .clustera_cooking_home .fs-happening,
    .clustera_cooking_home .fs-recipes,
    .clustera_cooking_home .fs-enjoy-life,
    .clustera_barista_home .fs-happening,
    .clustera_barista_home .fs-recipes,
    .clustera_barista_home .fs-enjoy-life {
        padding: 14.333vw 0;
    }

    .clustera_healthy_home .fs-happening,
    .clustera_healthy_home .fs-recipes,
    .clustera_wellness_home .fs-happening,
    .clustera_wellness_home .fs-recipes {
        padding: 14.333vw 0 20.333vw 0;
    }

    .clustera_cooking_recipes .fs-nestle-reciples,
    .clustera_cooking_recipes .fs-brands,
    .clustera_barista_recipes .fs-nestle-reciples,
    .clustera_barista_recipes .fs-brands {
        padding: 14.333vw 0 11vw 0;
    }

    .clustera_healthy_wellness .fs-enjoy-life,
    .clustera_wellness_wellness .fs-enjoy-life {
        padding: 14.33vw 0;
    }

    .clustera_brands .fs-distributions,
    .clustera_brands .fs-enjoy-life {
        padding: 14.33vw 0;
    }

    .clustera_brands .fs-brands {
        padding: 14.33vw 0 12vw 0;
    }

    .clustera_cooking_home .fs-happening .fs-title,
    .clustera_cooking_home .fs-recipes .fs-title,
    .clustera_barista_home .fs-happening .fs-title,
    .clustera_barista_home .fs-recipes .fs-title,
    .clustera_healthy_home .fs-recipes .fs-title,
    .clustera_wellness_home .fs-recipes .fs-title {
        margin-bottom: 12vw;
    }

    .clustera_cooking_home .fs-happening .bird,
    .clustera_barista_home .fs-happening .bird,
    .clustera_healthy_home .fs-happening .bird,
    .clustera_wellness_home .fs-happening .bird {
        top: 50vw;
    }

    .clustera_healthy_home .fs-enjoy-life .enjoy__bg__top,
    .clustera_wellness_home .fs-enjoy-life .enjoy__bg__top {
        bottom: 100%;
    }

    .clustera_healthy_home .fs-distributions,
    .clustera_wellness_home .fs-distributions {
        margin-top: -8vw;
        z-index: 2;
    }

    /*ClusterB clusterb_wellness_home*/
    .clusterb_cooking_home .fs-single-cate,
    .clusterb_healthy_home .fs-single-cate,
    .clusterb_kid_activity .fs-single-cate,
    .clusterb_kid_cooking .fs-single-cate,
    .clusterb_kid_healthy .fs-single-cate,
    .clusterb_nutrition_home .fs-single-cate,
    .clusterb_wellness_home .fs-single-cate,
    .clusterb_nutrition_wellness .fs-enjoy-life,
    .clusterb_nutrition_wellness .fs-cate,
    .clusterb_wellness_recipes .fs-enjoy-life,
    .clusterb_wellness_recipes .fs-cate {
        padding: 14.33vw 0;
    }

    .clusterb_cooking_home .fs-happening,
    .clusterb_healthy_home .fs-happening,
    .clusterb_kid_activity .fs-happening,
    .clusterb_kid_cooking .fs-happening,
    .clusterb_kid_healthy .fs-happening,
    .clusterb_nutrition_home .fs-happening,
    .clusterb_wellness_home .fs-happening {
        padding: 1vw 0 14.333vw 0;
    }

    .clusterb_cooking_home .fs-recipes,
    .clusterb_cooking_home .fs-enjoy-life,
    .clusterb_cooking_recipes .fs-nestle-reciples,
    .clusterb_cooking_recipes .fs-brands {
        padding: 14.33vw 0;
    }

    .clusterb_healthy_home .fs-recipes,
    .clusterb_nutrition_home .fs-recipes,
    .clusterb_wellness_home .fs-recipes {
        padding: 14.333vw 0 20.333vw 0;
    }

    .clusterb_healthy_wellness .fs-enjoy-life,
    .clusterb_healthy_wellness .fs-cate,
    .clusterb_kid_activity .fs-recipes,
    .clusterb_kid_activity .fs-enjoy-life,
    .clusterb_kid_cooking .fs-recipes,
    .clusterb_kid_cooking .fs-enjoy-life,
    .clusterb_kid_healthy .fs-recipes,
    .clusterb_kid_healthy .fs-enjoy-life,
    .clusterb_nutrition_home .fs-enjoy-life,
    .clusterb_wellness_home .fs-enjoy-life {
        padding: 14.33vw 0;
    }

    .clusterb_healthy_wellness .cate-wrap.no__bg,
    .clusterb_nutrition_wellness .cate-wrap.no__bg,
    .clusterb_wellness_recipes .cate-wrap.no__bg {
        padding: 0 0 4vw 0;
    }

    .clusterb_cooking_home .fs-recipes .fs-title,
    .clusterb_healthy_home .fs-recipes .fs-title {
        margin-bottom: 6vw;
    }

    .clusterb_healthy_wellness .fs-cate .leaf-right {
        top: -28vw;
    }

    .clusterb_cooking_home .fs-happening .bird,
    .clusterb_healthy_home .fs-happening .bird,
    .clusterb_kid_activity .fs-happening .bird,
    .clusterb_kid_cooking .fs-happening .bird,
    .clusterb_kid_healthy .fs-happening .bird,
    .clusterb_nutrition_home .fs-happening .bird,
    .clusterb_wellness_home .fs-happening .bird {
        top: 37vw;
    }

    .clusterb_cooking_home .fs-enjoy-life .ellip.bg-yellow,
    .clusterb_healthy_home .ellip.bg-yellow {
        width: 36vw;
        height: 36vw;
        right: -18vw;
        top: -18vw;
    }

    .clusterb_kid_activity .fs-recipes .ellip.bg-yellow,
    .clusterb_kid_cooking .fs-recipes .ellip.bg-yellow,
    .clusterb_kid_healthy .fs-recipes .ellip.bg-yellow,
    .clusterb_nutrition_home .fs-recipes .ellip.bg-yellow,
    .clusterb_wellness_home .fs-recipes .ellip.bg-yellow {
        width: 20vw;
        height: 20vw;
        right: -10vw;
        top: -5vw;
    }

    .clusterb_healthy_home .fs-distributions,
    .clusterb_nutrition_home .fs-distributions,
    .clusterb_wellness_home .fs-distributions {
        margin-top: -8vw;
        z-index: 2;
    }

    /*ClusterC clusterc_nutrition_home*/
    .clusterc_healthy_home .fs-happening,
    .clusterc_cooking_home .fs-happening,
    .clusterc_nutrition_home .fs-happening,
    .clusterc_healthy_home .fs-cate-detail,
    .clusterc_nutrition_home .fs-cate-detail,
    .clusterc_healthy_home .fs-enjoy-life,
    .clusterc_wellness_home .fs-happening,
    .clusterc_cooking_recipes .fs-nestle-reciples,
    .clusterc_cooking_recipes .fs-brands,
    .clusterc_wellness_wellness .fs-enjoy-life,
    .clusterc_wellness_wellness .fs-cate-detail,
    .clusterc_brands .fs-distributions,
    .clusterc_brands .fs-brands,
    .clusterc_health_health .fs-enjoy-life,
    .clusterc_nutrition_health .fs-enjoy-life,
    .clusterb_kid_activity_n4hk .fs-cate,
    .clusterb_kid_cooking_n4hk .fs-cate,
    .clusterb_kid_healthy_n4hk .fs-cate {
        padding: 14.333vw 0;
    }

    .clusterc_healthy_home .fs-recipes,
    .clusterc_cooking_home .fs-enjoy-life,
    .clusterc_nutrition_home .fs-enjoy-life,
    .clusterc_wellness_home .fs-recipes {
        padding: 14.333vw 0 20.333vw 0;
    }

    .clusterc_healthy_home .fs-recipes .fs-title,
    .clusterc_nutrition_home .fs-recipes .fs-title,
    .clusterc_cooking_home .fs-recipes .fs-title,
    .clusterc_wellness_home .fs-recipes .fs-title {
        margin-bottom: 12vw;
    }

    .clusterc_healthy_home .fs-happening .bird,
    .clusterc_cooking_home .fs-happening .bird,
    .clusterc_nutrition_home .fs-happening .bird,
    .clusterc_wellness_home .fs-happening .bird {
        top: 50vw;
    }

    .clusterc_cooking_home .fs-enjoy-life .enjoy__bg__top,
    .clusterc_wellness_home .fs-enjoy-life .enjoy__bg__top {
        bottom: 99%;
    }

    .clusterc_nutrition_home .fs-cate-detail .enjoy__bg__top,
    .clusterc_healthy_home .fs-cate-detail .enjoy__bg__top,
    .clusterc_nutrition_health .fs-enjoy-life .enjoy__bg__top {
        bottom: 98%;
    }

    .clusterc_nutrition_home .fs-distributions,
    .clusterc_healthy_home .fs-distributions,
    .clusterc_cooking_home .fs-distributions,
    .clusterc_wellness_home .fs-distributions {
        margin-top: -8vw;
        z-index: 2;
    }

    .clusterc_nutrition_home .cate-wrap.no__bg,
    .clusterc_healthy_home .cate-wrap.no__bg,
    .clusterc_cooking_home .cate-wrap.no__bg,
    .clusterc_wellness_home .cate-wrap.no__bg,
    .clusterc_wellness_wellness .cate-wrap.no__bg {
        padding: 0;
    }

    .clusterc_nutrition_home .fs-happening .leaf-left-red {
        bottom: -10vw;
    }

    .clusterb_kid_activity_n4hk .fs-enjoy-life .enjoy__bg__top,
    .clusterb_kid_cooking_n4hk .fs-enjoy-life .enjoy__bg__top,
    .clusterb_kid_healthy_n4hk .fs-enjoy-life .enjoy__bg__top {
        top: -16vw;
    }

    /*Join*/
    .fs-join {
        padding: 14.333vw 0 0 0;
    }

    .join__left,
    .join__right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .join__right {
        display: none;
    }

    .join__left .fs-pic,
    .join__right .fs-pic {
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .join__txt {
        width: 90%;
        left: 5%;
        padding: 5vw 3vw;
        top: auto;
        bottom: 10vw;
        -webkit-transform: none;
        transform: none;
    }

    .join__txt h2 {
        font-size: 5vw;
    }

    .join__txt p {
        font-size: 3.75vw;
    }

    .join__txt .fs-buts {
        margin-bottom: -10vw;
    }

    .footer-top {
        padding: 12vw 4%;
    }

    .footer-top>div:nth-child(1),
    .footer-top>div:nth-child(2) {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .fs-footer .small-title {
        font-size: 4.26666vw;
        margin-bottom: 4.26666vw;
    }

    .footer-top p {
        font-size: 3.6vw;
    }

    .gov,
    .company-address,
    .gov-txt {
        margin-bottom: 4.26666vw;
    }

    .fs-banner .company-address {
        margin-bottom: 4vw;
    }

    .fs-social {
        padding-top: 6.26666vw;
    }

    .fs-social li {
        margin-right: 3.73333vw;
        width: 14vw;
    }

    .footer-bot {
        padding: 9.6vw 4% 8vw 4%;
        text-align: left;
    }

    .footer-bot .fs-box:nth-child(1),
    .footer-bot .fs-box:nth-child(2) {
        display: block;
        float: none;
        width: 100%;
        z-index: 3;
    }

    .footer-bot .fs-box:nth-child(1) {
        margin-bottom: 5.8666vw;
    }

    .footer-nav {
        text-align: left;
    }

    .footer-nav li {
        display: block;
    }

    .copyright p,
    .footer-nav li a {
        font-size: 3.6vw;
    }

    .fs-footer::after {
        display: none;
    }

    .footer-bot::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 6.6666vw;
        background: url(../images/bottom-bg-sp.png) no-repeat left top;
        background-size: 100% auto;
        z-index: 2;
    }

    .footer-bot::after {
        content: '';
        position: absolute;
        left: 0;
        top: 4vw;
        width: 100%;
        height: 100%;
        background-color: #f1522b;
        z-index: 2;
    }

    .fs-footer .leaf-left {
        left: auto;
        right: -1.3vw;
        bottom: 32vw;
        width: 29.3333vw;
        background: url(../images/leaf-left-sp.png) no-repeat center top;
        background-size: 100% auto;
        z-index: 1;
    }

    .footer-inr {
        z-index: 3;
        padding: 0;
    }

    /*ContactUs*/
    .dsu-engage-form .js-form-wrapper {
        font-size: 3.75vw;
    }

    .dsu-engage-form {
        max-width: inherit;
        padding: 30vw 4% 10vw 4%;
    }

    .dsu-engage-form .form-item label {
        font-size: 3.75vw;
    }

    .dsu-engage-form .form-item textarea {
        padding: 15px 4.6875vw;
        font-size: 3.75vw;
        height: 22vw;
    }

    .dsu-engage-form .form-item input[type="text"],
    .dsu-engage-form .form-item input[type="date"],
    .dsu-engage-form .form-item input[type="datetime"],
    input[type="email"],
    .dsu-engage-form .form-item input[type="number"],
    .dsu-engage-form .form-item input[type="search"],
    .dsu-engage-form .form-item input[type="time"],
    input[type="url"],
    .dsu-engage-form .form-item input[type="password"],
    .dsu-engage-form .form-item select {
        padding: 5px 4.6875vw;
        font-size: 3.75vw;
        height: 12.5vw;
        -webkit-border-radius: 6.25vw;
        border-radius: 6.25vw;
    }

    .dsu-engage-form .form-item input[type="date"] {
        padding: 5px 2.6875vw 5px 4.6875vw;
    }

    .dsu-engage-form .questionbuttons {
        font-size: 3.75vw;
    }

    #edit-submit {
        height: 12.5vw;
        padding: 0 16.6666vw 0 8.8vw;
        font-size: 4.26666vw;
        background-size: 6.13333vw auto;
    }

    #gigya-raas-login-div span.gigya-login-provider,
    #gigya-raas-register-div span.gigya-login-provider {
        display: block !important;
        width: 135px !important;
        height: 40px !important;
        margin: 0 auto !important;
    }

    #gigya-raas-login-div .gigya-login-provider[gigid="facebook"] .tabbing-button,
    #gigya-raas-register-div .gigya-login-provider[gigid="facebook"] .tabbing-button {
        width: 135px !important;
        height: 40px !important;
        display: inline-block !important;
        background-repeat: no-repeat !important;
        background-size: 100% 40px !important;
        background-position: center center !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
    }

    #tfa-entry-form {
        padding: 30vw 4% 10vw 4% !important;
    }

    /* Pagination */
    .fs-enjoy-life+.pager {
        -webkit-transform: translateY(-17vw);
        transform: translateY(-17vw);
    }

    .fs-enjoy-life.bg-white+.pager {
        -webkit-transform: translateY(-17vw);
        transform: translateY(-17vw);
    }

    .fs-enjoy-life.bg-grey-normal+.pager {
        -webkit-transform: translateY(-10vw);
        transform: translateY(-10vw);
    }
}