@charset "UTF-8";
/*
--------------------------------------------------------------
 Frame Reset
--------------------------------------------------------------
*/
#wrapper { margin: 0; padding: 0; }

#wrapper .header-banner, #wrapper .top-banner { display: none !important; }

footer#footer { display: none !important; }

#main { margin: 0; padding: 0; }

.content-asset ul { margin: 0; padding: 0; }

.content-asset p { margin: auto; }

/*
--------------------------------------------------------------
 Setting Import
--------------------------------------------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { font-weight: normal; text-align: left; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

@media screen and (min-width: 768px) { .sp-disp, .pcsmall-disp { display: none !important; } }

@media screen and (max-width: 767px) { .pc-disp, .pcsmall-disp { display: none !important; } }

@media screen and (max-width: 1000px) { .pcsmall-nondisp { display: none !important; }
  .pcsmall-disp { display: inline !important; } }

/*
--------------------------------------------------------------
 General
--------------------------------------------------------------
*/
body { background: #fff; font-family: "slabo 27px",'Noto Serif JP',noto serif japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; font-weight: 500; opacity: 1; }

body.on { -webkit-animation: fadeIn 3s ease; animation: fadeIn 3s ease; opacity: 1; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

::-moz-selection { background: #6c7258; color: #fff; }

::selection { background: #6c7258; color: #fff; }

::-moz-selection { background: #6c7258; color: #fff; }

.siteHeader { background: #fff; border-bottom: solid 3px #000; left: 0; line-height: 0; position: relative; position: fixed; text-align: center; top: 0; width: 100%; z-index: 1000; z-index: 1001; }

.siteHeader.show { position: relative; }

#olive-and-babassu { background: #989f83; color: #382e25; font-family: 'Noto Serif JP',noto serif japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; }

#olive-and-babassu img { -webkit-backface-visibility: hidden; backface-visibility: hidden; line-height: 0; margin: 0 auto; }

#olive-and-babassu a { -webkit-transition-delay: 0s; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; transition-delay: 0s; transition-duration: 0.6s; transition-timing-function: ease; }

#olive-and-babassu a img { -webkit-transition-delay: 0s; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; transition-delay: 0s; transition-duration: 0.6s; transition-timing-function: ease; }

#olive-and-babassu a:hover { opacity: 0.6; }

.section { overflow: hidden; position: relative; text-align: center; width: 100%; z-index: 50; }

.section::after { clear: both; content: ""; display: block; }

@media screen and (max-width: 767px) { .siteHeader { border-bottom: solid 0.46875vw #000; }
  .siteHeader .sitelogo { line-height: 0; }
  .siteHeader .sitelogo img { height: 12.1875vw; width: auto; }
  .section { width: 100%; }
  .section p { font-size: 13px; font-size: 4.0625vw; line-height: 1.53846; }
  .section img { height: auto; width: 100%; } }

@media screen and (min-width: 768px) { .section p { font-size: 16px; line-height: 187.5%; margin: 0; }
  .section img { height: auto; max-width: 100%; } }

/*
--------------------------------------------------------------
 Scroll Animation
--------------------------------------------------------------
*/
/*
// Scroll Animation
*/
.js-anim-scroll { -webkit-transform: translate3d(0, 0, 0); -webkit-transition-duration: 1600ms; -webkit-transition-timing-function: ease; opacity: 0; transform: translate3d(0, 0, 0); transition-duration: 1600ms; transition-timing-function: ease; visibility: hidden; }

.js-anim-scroll.js-anim-on { opacity: 1; visibility: visible; }

.js-anim-scroll[data-anim="b-to-t"] { -ms-transform: translateY(30px); -webkit-transform: translateY(30px); -webkit-transition-duration: 1200ms; transform: translateY(30px); transition-duration: 1200ms; }

.js-anim-scroll[data-anim="b-to-t"].js-anim-on { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

.js-anim-scroll[data-anim="t-to-b"] { -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); -webkit-transition-duration: 1200ms; transform: translateY(-30px); transition-duration: 1200ms; }

.js-anim-scroll[data-anim="t-to-b"].js-anim-on { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

.js-anim-scroll[data-anim="l-to-r"] { -ms-transform: translateX(-30px); -webkit-transform: translateX(-30px); -webkit-transition-duration: 1600ms; transform: translateX(-30px); transition-duration: 1600ms; }

.js-anim-scroll[data-anim="l-to-r"].js-anim-on { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }

.js-anim-scroll[data-anim="r-to-l"] { -ms-transform: translateX(30px); -webkit-transform: translateX(30px); -webkit-transition-duration: 1600ms; transform: translateX(30px); transition-duration: 1600ms; }

.js-anim-scroll[data-anim="r-to-l"].js-anim-on { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }

.js-anim-scroll.ttl_deco.js-anim-scroll, .js-anim-scroll.secTitle.js-anim-scroll, .js-anim-scroll.secTxt.js-anim-scroll, .js-anim-scroll .sec-lineup h3.js-anim-scroll { -ms-transform: translateY(3vh); -webkit-filter: brightness(2); -webkit-transform: translateY(3vh); filter: brightness(2); transform: translateY(3vh); }

.js-anim-scroll.ttl_deco.js-anim-scroll.js-anim-on, .js-anim-scroll.secTitle.js-anim-scroll.js-anim-on, .js-anim-scroll.secTxt.js-anim-scroll.js-anim-on, .js-anim-scroll .sec-lineup h3.js-anim-scroll.js-anim-on { -ms-transform: translateY(0px); -webkit-filter: brightness(1); -webkit-transform: translateY(0px); filter: brightness(1); transform: translateY(0px); }

.miracleBanner__link.js-anim-scroll { -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }

.fragrance-box.js-anim-scroll .fragrance-box__items { -ms-transform: scale(1.05) translateY(0%); -webkit-transform: scale(1.05) translateY(0%); -webkit-transition-duration: 1400ms; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity: 0; transform: scale(1.05) translateY(0%); transition-duration: 1400ms; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; }

.fragrance-box.js-anim-scroll.js-anim-on .fragrance-box__items { -ms-transform: scale(1) translateY(0%); -webkit-transform: scale(1) translateY(0%); opacity: 1; transform: scale(1) translateY(0%); visibility: visible; }

.sec-lineup .overview.js-anim-scroll { -webkit-transform: translate3d(0, 10%, 0); -webkit-transition-duration: 1200ms; transform: translate3d(0, 10%, 0); transition-duration: 1200ms; }

.sec-lineup .overview.js-anim-scroll .overview__title, .sec-lineup .overview.js-anim-scroll .overview__title-sub, .sec-lineup .overview.js-anim-scroll .overview__text { -webkit-transition-duration: 1.6s; opacity: 0; transition-duration: 1.6s; visibility: hidden; }

.sec-lineup .overview.js-anim-scroll.js-anim-on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.sec-lineup .overview.js-anim-scroll.js-anim-on .overview__title, .sec-lineup .overview.js-anim-scroll.js-anim-on .overview__title-sub, .sec-lineup .overview.js-anim-scroll.js-anim-on .overview__text { opacity: 1; visibility: visible; }

.sec-lineup .extract.js-anim-scroll .item:nth-child(1) .image { -ms-transform-origin: 100% center; -webkit-transform-origin: 100% center; -webkit-transition-delay: 0.2s; transform-origin: 100% center; transition-delay: 0.2s; }

.sec-lineup .extract.js-anim-scroll .item:nth-child(2) .image { -ms-transform: translateY(-5%) rotate(-5deg); -ms-transform-origin: 0% center; -webkit-transform: translateY(-5%) rotate(-5deg); -webkit-transform-origin: 0% center; -webkit-transition-delay: 0.5s; transform: translateY(-5%) rotate(-5deg); transform-origin: 0% center; transition-delay: 0.5s; }

.sec-lineup .extract.js-anim-scroll .item .image { -ms-transform: translateY(-5%) rotate(5deg); -webkit-transform: translateY(-5%) rotate(5deg); -webkit-transition-duration: 2000ms; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity: 0; transform: translateY(-5%) rotate(5deg); transition-duration: 2000ms; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; }

.sec-lineup .extract.js-anim-scroll.js-anim-on .item .image { -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; transform: translateY(0); visibility: visible; }

.sec-lineup__anchor.js-anim-scroll .sec-lineup__anchor-items-li { opacity: 0; position: relative; visibility: hidden; }

.sec-lineup__anchor.js-anim-scroll .sec-lineup__anchor-items-li:after { content: ""; display: block; height: 100%; pointer-events: none; position: absolute; right: 0; top: 0; width: 100%; z-index: 3; }

.sec-lineup__anchor.js-anim-scroll.js-anim-on .sec-lineup__anchor-items-li { opacity: 1; visibility: visible; }

.sec-lineup__anchor.js-anim-scroll.js-anim-on .sec-lineup__anchor-items-li:after { -ms-transform-origin: 0 0; -webkit-animation: showHeroText 2.0s linear; -webkit-transform-origin: 0 0; -webkit-transition-delay: 0.5s; animation: showHeroText 2.0s linear; opacity: 1; transform-origin: 0 0; transition-delay: 0.5s; visibility: visible; }

.lpbox.js-anim-scroll:before { -ms-transform: translate(-4%, 0); -webkit-transform: translate(-4%, 0); -webkit-transition-duration: 800ms; opacity: 0; transform: translate(-4%, 0); transition-duration: 800ms; visibility: hidden; }

.lpbox.js-anim-scroll.bg-right:before { -ms-transform: translate(4%, 0); -webkit-transform: translate(4%, 0); transform: translate(4%, 0); }

.lpbox.js-anim-scroll.special:before { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.lpbox.js-anim-scroll.js-anim-on:before { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); opacity: 1; transform: translate(0, 0); visibility: visible; }

.lpbox__frame.js-anim-scroll { opacity: 0; position: relative; visibility: hidden; }

.lpbox__frame.js-anim-scroll:after { content: ""; display: block; height: 100%; pointer-events: none; position: absolute; right: 0; top: 0; width: 100%; z-index: 3; }

.lpbox__frame.js-anim-scroll.js-anim-on { opacity: 1; visibility: visible; }

.lpbox__frame.js-anim-scroll.js-anim-on:after { -ms-transform-origin: 0 0; -webkit-animation: showHeroText 2.0s linear; -webkit-transform-origin: 0 0; -webkit-transition-delay: 0.5s; animation: showHeroText 2.0s linear; opacity: 1; transform-origin: 0 0; transition-delay: 0.5s; visibility: visible; }

.lpbox__child.js-anim-scroll .lpbox__child-label { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition-delay: 0.4s; -webkit-transition-duration: 1200ms; opacity: 0; transform: scale(1.1); transition-delay: 0.4s; transition-duration: 1200ms; visibility: hidden; }

.lpbox__child.js-anim-scroll.js-anim-on .lpbox__child-label { -ms-transform: scale(1); -webkit-transform: scale(1); opacity: 1; transform: scale(1); visibility: visible; }

.sec-gift { margin-top: 5%; }

.sec-gift.js-anim-on { margin-top: 0%; }

/*
--------------------------------------------------------------
 Bottom Area
--------------------------------------------------------------
*/
#secBottom .fig { width: 100%; }

#secBottom .fig img { width: inherit; }

@media screen and (max-width: 767px) { #secBottom { background-size: 1.71875vw 2.34375vw; } }

/*
--------------------------------------------------------------
 Footer
--------------------------------------------------------------
*/
#skFooter { background: #FFF; height: auto; max-width: 100%; z-index: 10; }

#skFooter a { -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease; transition-duration: 500ms; transition-timing-function: ease; }

#skFooter a:hover { opacity: 0.6; }

#skFooter .secInner { margin: 0 auto; max-width: 1120px; text-align: center; width: 100%; }

#skFooter .secInner .bnrList { display: -webkit-box; display: -ms-flexbox; display: flex; }

#skFooter .secInner .bnrList li a { display: block; line-height: 0; }

#skFooter .secInner .bnrList li a img { height: auto; width: 100%; }

#skFooter .secInner .footNavigation { font-family: "slabo 27px",noto sans japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; }

#skFooter .secInner .footNavigation .navTitle { text-align: center; }

#skFooter .secInner .footNavigation .navChildren { -ms-flex-pack: justify; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; }

#skFooter .secInner .footNavigation .navChildren .navChild { -ms-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; text-align: left; }

#skFooter .secInner .footNavigation .navChildren .navChild .navTitleSub { font-weight: bold; line-height: 1; }

#skFooter .secInner .footNavigation .navChildren .navChild .navList li a { color: #333; text-decoration: none; }

#skFooter .secInner .footNavigation .navChildren .navChild .navList li a:hover { text-decoration: underline; }

@media screen and (max-width: 767px) { #skFooter { padding: 10.9375vw 3.125vw 0vw 3.125vw; }
  #skFooter .secInner { margin: 0; width: 100%; }
  #skFooter .secInner .btn-allitem { margin-bottom: 16.875vw; }
  #skFooter .secInner .bnrList { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 6.25vw; }
  #skFooter .secInner .bnrList li { margin-bottom: 3.125vw; width: 100%; }
  #skFooter .secInner .footNavigation { margin-bottom: 6.25vw; }
  #skFooter .secInner .footNavigation .navTitle { border-bottom: solid 0.3125vw #000; border-top: solid 0.625vw #000; margin-bottom: 7.8125vw; }
  #skFooter .secInner .footNavigation .navTitle img { height: 13.28125vw; width: auto; }
  #skFooter .secInner .footNavigation .navChildren .navChild { -ms-flex-line-pack: start; align-content: flex-start; width: 50%; }
  #skFooter .secInner .footNavigation .navChildren .navChild:nth-child(2) { padding-left: 3.75vw; }
  #skFooter .secInner .footNavigation .navChildren .navChild .navTitleSub { font-size: 4.0625vw; margin-bottom: 6.25vw; }
  #skFooter .secInner .footNavigation .navChildren .navChild .navList { font-size: 3.4375vw; width: 100%; }
  #skFooter .secInner .footNavigation .navChildren .navChild .navList li { margin-bottom: 3.125vw; white-space: nowrap; width: 100%; }
  #skFooter .footLogo img { height: 14.0625vw; width: auto; } }

@media screen and (min-width: 768px) { #skFooter { padding-top: 65px; }
  #skFooter .secInner { max-width: 1160px; padding-left: 20px; padding-right: 20px; width: 100%; }
  #skFooter .secInner .btn-allitem { margin-bottom: 85px; }
  #skFooter .secInner .bnrList { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 74px; }
  #skFooter .secInner .bnrList li { max-width: 540px; width: calc( 50% - 20px); }
  #skFooter .secInner .footNavigation { font-weight: 500; margin-bottom: 70px; }
  #skFooter .secInner .footNavigation .navTitle { border-bottom: solid 1px #000; border-top: solid 2px #000; margin-bottom: 50px; }
  #skFooter .secInner .footNavigation .navChildren { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }
  #skFooter .secInner .footNavigation .navChildren .navChild { width: 50%; }
  #skFooter .secInner .footNavigation .navChildren .navChild .navTitleSub { font-size: 18px; margin-bottom: 38px; width: 100%; }
  #skFooter .secInner .footNavigation .navChildren .navChild .navList { -ms-flex-flow: column wrap; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: column wrap; font-size: 14px; max-height: 160px; max-width: 540px; width: 100%; }
  #skFooter .secInner .footNavigation .navChildren .navChild .navList li { line-height: 1; margin-bottom: 19px; max-width: 270px; width: 45%; }
  #skFooter .secInner .footNavigation .navChildren .navChild .navList li:nth-child(n+6) { float: right; }
  #skFooter .secInner .footNavigation .navChildren .navChild.navRight .navList { max-height: 265px; }
  #skFooter .footLogo img { width: 90px; } }

#copyright { clear: both; color: #000; float: right; font-family: "slabo 27px",noto sans japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; font-size: 12px; font-weight: 300; letter-spacing: .08em; margin: 1em 0; margin-right: 20px; }

@media screen and (max-width: 767px) { #copyright { float: none; font-size: 10px; font-size: 2.96875vw; line-height: 170%; margin-right: 0; white-space: nowrap; } }

/*----// Button //----*/
/*
--------------------------------------------------------------
 Decoration
--------------------------------------------------------------
*/
@-webkit-keyframes bg-gradAnim { 0%, 10% { background-position: -100% 0%; }
  100% { background-position: 0% 100%; } }
@keyframes bg-gradAnim { 0%, 10% { background-position: -100% 0%; }
  100% { background-position: 0% 100%; } }

@-webkit-keyframes bg-gradAnimH { 0%, 10% { background-position: 0% 0%; }
  100% { background-position: 0% 100%; } }

@keyframes bg-gradAnimH { 0%, 10% { background-position: 0% 0%; }
  100% { background-position: 0% 100%; } }

.goldframe { -webkit-animation: bg-gradAnim 4.0s ease infinite alternate; animation: bg-gradAnim 4.0s ease infinite alternate; background-image: -webkit-gradient(linear, left top, right bottom, from(#957036), color-stop(10%, #e1c170), color-stop(25%, #f0deab), color-stop(41%, #e1c170), color-stop(50%, #957036), color-stop(75%, #e1c170), to(#e1c170)); background-image: linear-gradient(to right bottom, #957036 0%, #e1c170 10%, #f0deab 25%, #e1c170 41%, #957036 50%, #e1c170 75%, #e1c170 100%); background-size: 100% 300%; padding: 4px; will-change: transform; }

@-webkit-keyframes shiny { 0% { -webkit-transform: scale(0) rotate(25deg);
    opacity: 0; transform: scale(0) rotate(25deg); }
  20% { -webkit-transform: scale(1) rotate(25deg);
    opacity: 1; transform: scale(1) rotate(25deg); }
  50%, 100% { -webkit-transform: scale(50) rotate(25deg);
    opacity: 0; transform: scale(50) rotate(25deg); } }

@keyframes shiny { 0% { -webkit-transform: scale(0) rotate(25deg);
    opacity: 0; transform: scale(0) rotate(25deg); }
  20% { -webkit-transform: scale(1) rotate(25deg);
    opacity: 1; transform: scale(1) rotate(25deg); }
  50%, 100% { -webkit-transform: scale(50) rotate(25deg);
    opacity: 0; transform: scale(50) rotate(25deg); } }

#olive-and-babassu .lp-btn { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; background-color: #453722; border-radius: 100%; color: #fcf0ce; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 600; justify-content: center; margin: 0 auto; overflow: visible; /* &:before { content: ''; position: absolute; top: -50px; left: -50px; width: 50px; height: 50px; background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%); will-change: transform, opacity; animation-name: shiny; animation-duration: 4s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; z-index: 2; } */ position: relative; }

#olive-and-babassu .lp-btn:hover { color: #fcf0ce; opacity: .9; }

@media screen and (max-width: 767px) { #olive-and-babassu .lp-btn { height: 14.0625vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .lp-btn { height: 66px; } }

#olive-and-babassu .lp-btn .btn-text { font-family: 'Noto Serif JP', serif; line-height: 1; }

@media screen and (max-width: 767px) { #olive-and-babassu .lp-btn .btn-text { font-size: 5vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .lp-btn .btn-text { margin-left: -10px; } }

#olive-and-babassu .lp-btn .btn-icon { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); line-height: 0; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); }

@media screen and (max-width: 767px) { #olive-and-babassu .lp-btn .btn-icon { height: 11.5625vw; right: 4.6875vw; width: 10.9375vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .lp-btn .btn-icon { right: 45px; }
  #olive-and-babassu .lp-btn .btn-icon img { height: auto; width: 60px; } }

#olive-and-babassu .lp-btn .btn-arrow { -ms-transform: translateY(-50%); -webkit-animation: bg-gradAnim 3.5s ease infinite alternate; -webkit-transform: translateY(-50%); animation: bg-gradAnim 3.5s ease infinite alternate; background-image: -webkit-gradient(linear, left top, right bottom, from(#957036), color-stop(10%, #e1c170), color-stop(25%, #f0deab), color-stop(41%, #e1c170), color-stop(50%, #957036), color-stop(75%, #e1c170), to(#e1c170)); background-image: linear-gradient(to right bottom, #957036 0%, #e1c170 10%, #f0deab 25%, #e1c170 41%, #957036 50%, #e1c170 75%, #e1c170 100%); background-size: 100% 300%; border-radius: 100%; color: #e8ca7b; padding: 0.46875vw; position: absolute; right: 3.90625vw; top: 50%; transform: translateY(-50%); }

#olive-and-babassu .lp-btn .btn-arrow__inner { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; background-color: #453722; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; justify-content: center; width: 100%; }

#olive-and-babassu .lp-btn .btn-arrow__inner::before { -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: #e8ca7b; content: ""; display: block; height: 0.15625vw; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 4.53125vw; }

#olive-and-babassu .lp-btn .btn-arrow__inner::after { -ms-transform: rotate(45deg) translateY(-50%); -ms-transform-origin: center; -webkit-transform: rotate(45deg) translateY(-50%); -webkit-transform-origin: center; border-right: 1px solid #e8ca7b; border-top: 1px solid #e8ca7b; content: ""; display: block; height: 1.25vw; left: 4.21875vw; position: absolute; top: 48%; transform: rotate(45deg) translateY(-50%); transform-origin: center; width: 1.25vw; }

@media screen and (min-width: 768px) { #olive-and-babassu .lp-btn .btn-arrow { padding: 2px; right: 18px; top: 50%; }
  #olive-and-babassu .lp-btn .btn-arrow__inner::before { height: 1px; width: 22px; }
  #olive-and-babassu .lp-btn .btn-arrow__inner::after { height: 8px; left: 19px; top: 49%; width: 8px; } }

@media screen and (max-width: 767px) { #olive-and-babassu .lp-btn.btn-detail { border-radius: 14.0625vw; }
  #olive-and-babassu .lp-btn.btn-detail .btn-arrow { height: 8.59375vw; width: 8.59375vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .lp-btn.btn-detail { border-radius: 66px; height: 66px; max-width: 364px; width: 100%; }
  #olive-and-babassu .lp-btn.btn-detail .btn-text { font-size: 20px; }
  #olive-and-babassu .lp-btn.btn-detail .btn-arrow { height: 40px; width: 40px; } }

@media screen and (max-width: 767px) { #olive-and-babassu .lp-btn.btn-all, #olive-and-babassu .lp-btn.btn-gift, #olive-and-babassu .lp-btn.btn-laline { border-radius: 18.75vw; height: 18.75vw; }
  #olive-and-babassu .lp-btn.btn-all .btn-text, #olive-and-babassu .lp-btn.btn-gift .btn-text, #olive-and-babassu .lp-btn.btn-laline .btn-text { font-size: 5.3125vw; line-height: 1.11765; margin-top: -1.5625vw; }
  #olive-and-babassu .lp-btn.btn-all .btn-arrow, #olive-and-babassu .lp-btn.btn-gift .btn-arrow, #olive-and-babassu .lp-btn.btn-laline .btn-arrow { height: 11.25vw; padding: 0.3125vw; right: 4.375vw; top: 50%; width: 11.25vw; }
  #olive-and-babassu .lp-btn.btn-all .btn-arrow__inner::before, #olive-and-babassu .lp-btn.btn-gift .btn-arrow__inner::before, #olive-and-babassu .lp-btn.btn-laline .btn-arrow__inner::before { height: 0.15625vw; width: 5.9375vw; }
  #olive-and-babassu .lp-btn.btn-all .btn-arrow__inner::after, #olive-and-babassu .lp-btn.btn-gift .btn-arrow__inner::after, #olive-and-babassu .lp-btn.btn-laline .btn-arrow__inner::after { height: 2.03125vw; left: 5.15625vw; top: 5.3125vw; width: 2.03125vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .lp-btn.btn-all, #olive-and-babassu .lp-btn.btn-gift, #olive-and-babassu .lp-btn.btn-laline { border-radius: 120px; height: 120px; max-width: 742px; width: 100%; }
  #olive-and-babassu .lp-btn.btn-all .btn-text, #olive-and-babassu .lp-btn.btn-gift .btn-text, #olive-and-babassu .lp-btn.btn-laline .btn-text { font-size: 30px; }
  #olive-and-babassu .lp-btn.btn-all .btn-arrow, #olive-and-babassu .lp-btn.btn-gift .btn-arrow, #olive-and-babassu .lp-btn.btn-laline .btn-arrow { height: 72px; padding: 2px; right: 33px; top: 50%; width: 72px; }
  #olive-and-babassu .lp-btn.btn-all .btn-arrow__inner::before, #olive-and-babassu .lp-btn.btn-gift .btn-arrow__inner::before, #olive-and-babassu .lp-btn.btn-laline .btn-arrow__inner::before { height: 1px; width: 38px; }
  #olive-and-babassu .lp-btn.btn-all .btn-arrow__inner::after, #olive-and-babassu .lp-btn.btn-gift .btn-arrow__inner::after, #olive-and-babassu .lp-btn.btn-laline .btn-arrow__inner::after { height: 13px; left: 35px; top: 34px; width: 13px; } }

#olive-and-babassu .lp-btn.btn-all { background-color: #596141; }

#olive-and-babassu .lp-btn.btn-all .btn-arrow__inner { background-color: #596141; }

@media screen and (max-width: 767px) { #olive-and-babassu .lp-btn.btn-all { margin-bottom: 4.6875vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .lp-btn.btn-all { margin-bottom: 30px; } }

#olive-and-babassu .lp-btn.btn-gift .ribon { position: absolute; }

#olive-and-babassu .lp-btn.btn-gift .kira .star-glitter { -webkit-animation: fadeStars 8.8s infinite linear; animation: fadeStars 8.8s infinite linear; display: block; height: 0px; opacity: 0; position: absolute; width: 0px; }

@media screen and (max-width: 767px) { #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 { -ms-transform: rotate(0deg); -webkit-animation-delay: .9s; -webkit-transform: rotate(0deg); animation-delay: .9s; height: 0; left: 17.5%; position: absolute; top: 46.66667%; transform: rotate(0deg); width: 0; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child { -ms-transform: scale(0.18); -webkit-transform: scale(0.18); display: block; left: 0; position: absolute; top: 0; transform: scale(0.18); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child::after, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child::before { z-index: 0; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child _:-ms-lang(x), #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child::before, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 { -ms-transform: rotate(0deg); -webkit-animation-delay: .9s; -webkit-transform: rotate(0deg); animation-delay: .9s; height: 0; left: 13%; position: absolute; top: 29%; transform: rotate(0deg); width: 0; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child { -ms-transform: scale(0.3); -webkit-transform: scale(0.3); display: block; left: 0; position: absolute; top: 0; transform: scale(0.3); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child::after, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child::before { z-index: 0; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child _:-ms-lang(x), #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child::before, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter1 .child.child1 { display: none; } }

@media screen and (max-width: 767px) { #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 { -ms-transform: rotate(0deg); -webkit-animation-delay: .9s; -webkit-transform: rotate(0deg); animation-delay: .9s; height: 0; left: 21.5%; position: absolute; top: 20.83333%; transform: rotate(0deg); width: 0; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child { -ms-transform: scale(0.1); -webkit-transform: scale(0.1); display: block; left: 0; position: absolute; top: 0; transform: scale(0.1); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child::after, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child::before { z-index: 0; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child _:-ms-lang(x), #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child::before, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.1s; -webkit-transform: rotate(0deg); animation-delay: 1.1s; height: 0; left: 16%; position: absolute; top: 15%; transform: rotate(0deg); width: 0; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child { -ms-transform: scale(0.15); -webkit-transform: scale(0.15); display: block; left: 0; position: absolute; top: 0; transform: scale(0.15); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child::after, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child::before { z-index: 0; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child _:-ms-lang(x), #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child::before, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter2 .child.child1 { display: none; } }

@media screen and (max-width: 767px) { #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.1s; -webkit-transform: rotate(0deg); animation-delay: 1.1s; height: 0; left: 73.83333%; position: absolute; top: 23.33333%; transform: rotate(0deg); width: 0; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child { -ms-transform: scale(0.1); -webkit-transform: scale(0.1); display: block; left: 0; position: absolute; top: 0; transform: scale(0.1); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child::after, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child::before { z-index: 0; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child _:-ms-lang(x), #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child::before, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.15s; -webkit-transform: rotate(0deg); animation-delay: 1.15s; height: 0; position: absolute; right: 20%; top: 29%; transform: rotate(0deg); width: 0; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child { -ms-transform: scale(0.2); -webkit-transform: scale(0.2); display: block; left: 0; position: absolute; top: 0; transform: scale(0.2); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child::after, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child::before { z-index: 0; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child _:-ms-lang(x), #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child::before, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitter3 .child.child1 { display: none; } }

#olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo { -ms-transform: scale(0.25) rotate(45deg); -webkit-animation: fadeStars 8.8s infinite linear; -webkit-transform: scale(0.25) rotate(45deg); animation: fadeStars 8.8s infinite linear; opacity: 0; transform: scale(0.25) rotate(45deg); will-change: transform, opacity; }

#olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo .inner { display: block; height: 0px; position: absolute; width: 0px; }

#olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }

@media screen and (max-width: 767px) { #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner { -ms-transform: rotate(45deg) scale(0.15); -webkit-transform: rotate(45deg) scale(0.15); display: block; height: 0; left: 78.66667%; position: absolute; top: 38.33333%; transform: rotate(45deg) scale(0.15); width: 0; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner::after, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner _:-ms-lang(x), #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner::before, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (min-width: 768px) { #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner { -ms-transform: rotate(45deg) scale(0.25); -webkit-transform: rotate(45deg) scale(0.25); display: block; height: 0; position: absolute; right: 16%; top: 20%; transform: rotate(45deg) scale(0.25); width: 0; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner::after, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner _:-ms-lang(x), #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner::before, #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  #olive-and-babassu .lp-btn.btn-gift .kira .star-glitterTwo1 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (max-width: 767px) { #olive-and-babassu .lp-btn.btn-gift .ribon { height: 14.6875vw; left: 0.3125vw; top: -0.46875vw; width: 15.9375vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .lp-btn.btn-gift .ribon { left: 2px; top: -3px; } }

#olive-and-babassu .lp-btn.btn-laline { -webkit-box-sizing: border-box; background-color: #fff; border: solid 3px #85754e; box-sizing: border-box; color: #85754e; }

#olive-and-babassu .lp-btn.btn-laline::before { display: none; }

@media screen and (max-width: 767px) { #olive-and-babassu .lp-btn.btn-laline { letter-spacing: -0.02rem; } }

@media screen and (min-width: 768px) { #olive-and-babassu .lp-btn.btn-laline { border-width: 3px; } }

@-webkit-keyframes fadeStars { 0% {
    -webkit-transform: scale(0.6); opacity: 0;
            transform: scale(0.6);
    visibility: hidden; }
  5%, 45% {
    -webkit-transform: scale(1.1); opacity: 1;
            transform: scale(1.1);
    visibility: visible; }
  15%, 40%, 55%, 70%, 100% {
    -webkit-transform: scale(0.4); opacity: 0;
            transform: scale(0.4);
    visibility: hidden; }
  60% {
    -webkit-transform: scale(1.2); opacity: .8;
            transform: scale(1.2);
    visibility: visible; } }

@keyframes fadeStars { 0% {
    -webkit-transform: scale(0.6); opacity: 0;
            transform: scale(0.6);
    visibility: hidden; }
  5%, 45% {
    -webkit-transform: scale(1.1); opacity: 1;
            transform: scale(1.1);
    visibility: visible; }
  15%, 40%, 55%, 70%, 100% {
    -webkit-transform: scale(0.4); opacity: 0;
            transform: scale(0.4);
    visibility: hidden; }
  60% {
    -webkit-transform: scale(1.2); opacity: .8;
            transform: scale(1.2);
    visibility: visible; } }

/*
--------------------------------------------------------------
 Hero
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
 Main Visual
--------------------------------------------------------------
*/
@-webkit-keyframes imgFuwa2_sp { 0% { -webkit-transform: translate(0, 0px) rotate(0deg); transform: translate(0, 0px) rotate(0deg); }
  20% { -webkit-transform: translate(0, 5%) rotate(0deg); transform: translate(0, 5%) rotate(0deg); }
  40% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); } }
@keyframes imgFuwa2_sp { 0% { -webkit-transform: translate(0, 0px) rotate(0deg); transform: translate(0, 0px) rotate(0deg); }
  20% { -webkit-transform: translate(0, 5%) rotate(0deg); transform: translate(0, 5%) rotate(0deg); }
  40% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); }
  100% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); } }

@-webkit-keyframes imgFuwa2 { 50% { -webkit-transform: translate(0, -5%); transform: translate(0, -5%); } }

@keyframes imgFuwa2 { 50% { -webkit-transform: translate(0, -5%); transform: translate(0, -5%); } }

@-webkit-keyframes bgZoomOut { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); }
  50% { -webkit-transform: scale(1.05); transform: scale(1.05); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes bgZoomOut { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); }
  50% { -webkit-transform: scale(1.05); transform: scale(1.05); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@-webkit-keyframes mainTitle { 0% {
    -moz-filter: blur(5px) !important;
    -ms-filter: blur(5px) !important;
    -webkit-filter: blur(5px) !important;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='5' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
    filter: blur(5px); opacity: 0.0;
    /*transform:translate(0,-3%);*/ }
  100% {
    -moz-filter: blur(0px) !important;
    -ms-filter: blur(0px) !important;
    -webkit-filter: blur(0px) !important;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
    filter: blur(0px); opacity: 1.0;
    /*transform:translate(0,0);*/ } }

@keyframes mainTitle { 0% {
    -moz-filter: blur(5px) !important;
    -ms-filter: blur(5px) !important;
    -webkit-filter: blur(5px) !important;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='5' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
    filter: blur(5px); opacity: 0.0;
    /*transform:translate(0,-3%);*/ }
  100% {
    -moz-filter: blur(0px) !important;
    -ms-filter: blur(0px) !important;
    -webkit-filter: blur(0px) !important;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
    filter: blur(0px); opacity: 1.0;
    /*transform:translate(0,0);*/ } }

@-webkit-keyframes mainTitle_sp { 0% {
    -moz-filter: blur(5px) !important;
    -ms-filter: blur(5px) !important;
    -webkit-filter: blur(5px) !important;
    -webkit-transform: translate(0, 3%) scale(1.1);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='5' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
    filter: blur(5px); opacity: 0.0;
            transform: translate(0, 3%) scale(1.1); }
  100% {
    -moz-filter: blur(0px) !important;
    -ms-filter: blur(0px) !important;
    -webkit-filter: blur(0px) !important;
    -webkit-transform: translate(0, 0) scale(1);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
    filter: blur(0px); opacity: 1.0;
            transform: translate(0, 0) scale(1); } }

@keyframes mainTitle_sp { 0% {
    -moz-filter: blur(5px) !important;
    -ms-filter: blur(5px) !important;
    -webkit-filter: blur(5px) !important;
    -webkit-transform: translate(0, 3%) scale(1.1);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='5' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
    filter: blur(5px); opacity: 0.0;
            transform: translate(0, 3%) scale(1.1); }
  100% {
    -moz-filter: blur(0px) !important;
    -ms-filter: blur(0px) !important;
    -webkit-filter: blur(0px) !important;
    -webkit-transform: translate(0, 0) scale(1);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
    filter: blur(0px); opacity: 1.0;
            transform: translate(0, 0) scale(1); } }

@media screen and (max-width: 767px) { @-webkit-keyframes mainCopy { 0% {
      -webkit-transform: scale(1); opacity: 0.0;
              transform: scale(1); }
    20% {
      -webkit-transform: scale(1); opacity: 0.0;
              transform: scale(1); }
    100% {
      -webkit-transform: scale(1); opacity: 1.0;
              transform: scale(1); } } @keyframes mainCopy { 0% {
      -webkit-transform: scale(1); opacity: 0.0;
              transform: scale(1); }
    20% {
      -webkit-transform: scale(1); opacity: 0.0;
              transform: scale(1); }
    100% {
      -webkit-transform: scale(1); opacity: 1.0;
              transform: scale(1); } } }

@media screen and (min-width: 768px) { @-webkit-keyframes mainCopy { 0% {
      -webkit-transform: scale(1.1); opacity: 0.0;
              transform: scale(1.1); }
    20% {
      -webkit-transform: scale(1.1); opacity: 0.0;
              transform: scale(1.1); }
    100% {
      -webkit-transform: scale(1); opacity: 1.0;
              transform: scale(1); } } @keyframes mainCopy { 0% {
      -webkit-transform: scale(1.1); opacity: 0.0;
              transform: scale(1.1); }
    20% {
      -webkit-transform: scale(1.1); opacity: 0.0;
              transform: scale(1.1); }
    100% {
      -webkit-transform: scale(1); opacity: 1.0;
              transform: scale(1); } } }

@-webkit-keyframes blinkingStars { 0%, 51% { opacity: 1; }
  1%, 52% { opacity: 0.9; }
  2%, 53% { opacity: 1; }
  3%, 54% { opacity: 0.8; }
  4%, 55% { opacity: 1; }
  5%, 56% { opacity: 0.9; }
  6%, 57% { opacity: 1; }
  7%, 58% { opacity: 0.9; }
  8%, 59% { opacity: 1; }
  9%, 60% { opacity: 0.9; }
  10%, 61% { opacity: 1; }
  11%, 62% { opacity: 0.8; }
  12%, 63% { opacity: 1; }
  13%, 64% { opacity: 0.8; }
  14%, 65% { opacity: 1; }
  15%, 66% { opacity: 0.8; }
  16%, 67% { opacity: 1; }
  17%, 68% { opacity: 0.9; }
  18%, 69% { opacity: 1; }
  19%, 70% { opacity: 0.8; }
  20%, 71% { opacity: 1; }
  21%, 72% { opacity: 0.7; }
  30%, 84% { opacity: 1; }
  100% { opacity: 1; } }

@keyframes blinkingStars { 0%, 51% { opacity: 1; }
  1%, 52% { opacity: 0.9; }
  2%, 53% { opacity: 1; }
  3%, 54% { opacity: 0.8; }
  4%, 55% { opacity: 1; }
  5%, 56% { opacity: 0.9; }
  6%, 57% { opacity: 1; }
  7%, 58% { opacity: 0.9; }
  8%, 59% { opacity: 1; }
  9%, 60% { opacity: 0.9; }
  10%, 61% { opacity: 1; }
  11%, 62% { opacity: 0.8; }
  12%, 63% { opacity: 1; }
  13%, 64% { opacity: 0.8; }
  14%, 65% { opacity: 1; }
  15%, 66% { opacity: 0.8; }
  16%, 67% { opacity: 1; }
  17%, 68% { opacity: 0.9; }
  18%, 69% { opacity: 1; }
  19%, 70% { opacity: 0.8; }
  20%, 71% { opacity: 1; }
  21%, 72% { opacity: 0.7; }
  30%, 84% { opacity: 1; }
  100% { opacity: 1; } }

#opening { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-transition-delay: 0s; -webkit-transition-duration: 1800ms; -webkit-transition-timing-function: ease; align-items: center; background-color: #6c7258; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; justify-content: center; left: 0; position: fixed; top: 0; transition-delay: 0s; transition-duration: 1800ms; transition-timing-function: ease; width: 100%; z-index: 999; }

#opening .inner { margin-top: -20px; text-align: center; }

#opening.show { opacity: 0; visibility: hidden; }

#opening .lp-opBar { -ms-transform: translateX(-50%); -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); -webkit-transform: translateX(-50%); background-image: -webkit-gradient(linear, left top, right top, from(#957036), color-stop(10%, #e1c170), color-stop(25%, #f0deab), color-stop(41%, #e1c170), color-stop(50%, #957036), color-stop(75%, #e1c170), to(#e1c170)); background-image: linear-gradient(90deg, #957036 0%, #e1c170 10%, #f0deab 25%, #e1c170 41%, #957036 50%, #e1c170 75%, #e1c170 100%); bottom: 43%; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); content: ""; height: 3px; left: 50%; position: fixed; transform: translateX(-50%); width: 0; }

#opening .lp-oplogo { margin-bottom: 30px; }

#opening .lp-loading { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 38%; left: 50%; letter-spacing: .05rem; position: absolute; transform: translateX(-50%); }

#opening .lp-loading span { -webkit-animation: lp-load-shine  3s ease-in-out infinite; animation: lp-load-shine  3s ease-in-out infinite; color: #fff; font-size: 1.0rem; font-weight: 500; opacity: 0.5; position: relative; }

#opening .lp-loading span .boxA-0 { width: 0px; }

#opening .lp-loading span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }

#opening .lp-loading span .boxA-1 { width: 10px; }

#opening .lp-loading span:nth-of-type(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

#opening .lp-loading span .boxA-2 { width: 20px; }

#opening .lp-loading span:nth-of-type(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

#opening .lp-loading span .boxA-3 { width: 30px; }

#opening .lp-loading span:nth-of-type(4) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

#opening .lp-loading span .boxA-4 { width: 40px; }

#opening .lp-loading span:nth-of-type(5) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

#opening .lp-loading span .boxA-5 { width: 50px; }

#opening .lp-loading span:nth-of-type(6) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

#opening .lp-loading span .boxA-6 { width: 60px; }

#opening .lp-loading span:nth-of-type(7) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

#opening .lp-loading span .boxA-7 { width: 70px; }

#opening .lp-loading span:nth-of-type(8) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

#opening .lp-loading span .boxA-8 { width: 80px; }

#opening .lp-loading span:nth-of-type(9) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

#opening .lp-loading span .boxA-9 { width: 90px; }

#opening .lp-loading span:nth-of-type(10) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

#opening .lp-loading span .boxA-10 { width: 100px; }

#opening .lp-loading span:nth-of-type(11) { -webkit-animation-delay: 1s; animation-delay: 1s; }

@-webkit-keyframes lp-load { 0% {
    opacity: 0;
    text-shadow: none; visibility: hidden; }
  50% {
    opacity: 1;
    text-shadow: 0 1px 8px #f0dfab, 0 -1px 8px #f0dfab; visibility: visible; }
  100% {
    opacity: 0;
    text-shadow: none; visibility: hidden; } }

@keyframes lp-load { 0% {
    opacity: 0;
    text-shadow: none; visibility: hidden; }
  50% {
    opacity: 1;
    text-shadow: 0 1px 8px #f0dfab, 0 -1px 8px #f0dfab; visibility: visible; }
  100% {
    opacity: 0;
    text-shadow: none; visibility: hidden; } }

@-webkit-keyframes lp-load-shine { 0% { opacity: .5;
    text-shadow: none; }
  50% { opacity: 1;
    text-shadow: 0 1px 8px #f0dfab, 0 -1px 8px #f0dfab; }
  100% { opacity: .5;
    text-shadow: none; }
  20% { } }

@keyframes lp-load-shine { 0% { opacity: .5;
    text-shadow: none; }
  50% { opacity: 1;
    text-shadow: 0 1px 8px #f0dfab, 0 -1px 8px #f0dfab; }
  100% { opacity: .5;
    text-shadow: none; }
  20% { } }

@-webkit-keyframes lp-load-wave { 20% {
    color: transparent; text-shadow: rgba(255, 255, 255, 0.8) 5px 0 0; } }

@keyframes lp-load-wave { 20% {
    color: transparent; text-shadow: rgba(255, 255, 255, 0.8) 5px 0 0; } }

.hero-header { background-color: #6c7258; left: 0; opacity: 0; overflow: hidden; position: fixed; text-align: center; top: 12.8125vw; visibility: hidden; width: 100%; z-index: 1002; }

@media screen and (min-width: 768px) { .hero-header { top: 81px; } }

.hero-header .hero-header__bg-left, .hero-header .hero-header__bg-right { -webkit-transition-delay: 0s; -webkit-transition-duration: 2s; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity: 0; transition-delay: 0s; transition-duration: 2s; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); visibility: hidden; }

.hero-header .hero-header__inner { -webkit-transition-delay: 1s; -webkit-transition-duration: 1.8s; -webkit-transition-timing-function: ease; opacity: 0; transition-delay: 1s; transition-duration: 1.8s; transition-timing-function: ease; visibility: hidden; }

.hero-header .hero-header__bg-star, .hero-header .hero-header__bg:before { -webkit-animation: none; -webkit-transition-delay: 0s; -webkit-transition-duration: 1.2s; -webkit-transition-timing-function: ease; animation: none; opacity: 0; transition-delay: 0s; transition-duration: 1.2s; transition-timing-function: ease; visibility: hidden; }

.hero-header .hero-header__bg-left { -ms-transform: translate(-4%, -5%); -webkit-transform: translate(-4%, -5%); transform: translate(-4%, -5%); }

.hero-header .hero-header__bg-right { -ms-transform: translate(4%, -5%); -webkit-transform: translate(4%, -5%); transform: translate(4%, -5%); }

.hero-header.load { opacity: 1; visibility: visible; }

.hero-header.load .hero-header__bg-left, .hero-header.load .hero-header__bg-right { -ms-transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transform: translateX(0); visibility: visible; }

.hero-header.load .hero-header__bg-star, .hero-header.load .hero-header__bg:before { opacity: 1; visibility: visible; }

.hero-header.load .hero-header__inner { opacity: 1; visibility: visible; }

.hero-header.load.show { overflow: visible; position: relative; top: auto; }

.hero-header.load.show .hero-header__bg:before { -webkit-animation: blinkingStars 12s infinite alternate; animation: blinkingStars 12s infinite alternate; }

.hero-header__inner { width: 100%; }

.hero-header__title { line-height: 0; }

.hero-header__title-catch { line-height: 0 !important; }

.hero-header img { height: auto; width: 100%; }

@media screen and (max-width: 767px) { .hero-header { height: 30.3125vw; }
  .hero-header__title img { margin-top: -3.90625vw !important; } }

@media screen and (min-width: 768px) { .hero-header { height: 13.88889vw; }
  .hero-header__inner { margin: 0 auto; width: 46.80556vw; } }

.hero-header__badge { -ms-transform: translateY(-5%); -webkit-transform: translateY(-5%); -webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease; opacity: 0; position: absolute; transform: translateY(-5%); transition-delay: 0s; transition-duration: 1s; transition-timing-function: ease; visibility: hidden; }

@media screen and (max-width: 767px) { .hero-header__badge { height: 30.625vw; right: 3.125vw; top: 22.65625vw; width: 30.625vw; } }

@media screen and (min-width: 768px) { .hero-header__badge { left: 73.47222vw; top: 9.44444vw; width: 15.20833vw; } }

.hero-header__badge.show { -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; transform: translateY(0); visibility: visible; }

.hero-header__bg { background: #6c7258 no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

.hero-header__bg:before { /* content: ""; display: block; width: inherit; height: inherit; position: absolute; left: 0; top: 0; z-index: 1; background-repeat: no-repeat; background-size: contain; will-change: opacity; animation: blinkingStars 12s infinite alternate; */ }

.hero-header__bg > div { position: absolute; }

.hero-header__bg-left, .hero-header__bg-right { background: no-repeat; background-image: url("../../images/olive-and-babassu/hero-header2021_sp.png"); background-size: 200% 100%; height: inherit; top: 0; width: 50%; z-index: 0; }

.hero-header__bg-left { background-position: left top; left: 0; }

.hero-header__bg-right { background-position: right top; right: 0; }

.hero-header__bg-star { height: inherit; left: 0; top: 0; width: inherit; }

.hero-header__bg-star .star-glitter { -webkit-animation: fadeStars 8s infinite linear; animation: fadeStars 8s infinite linear; display: block; height: 0px; opacity: 0; position: absolute; width: 0px; will-change: transform, opacity; }

.hero-header__bg-star .star-glitterTwo { -webkit-animation: fadeStars 9s infinite linear; animation: fadeStars 9s infinite linear; opacity: 0; will-change: transform, opacity; }

.hero-header__bg-star .star-glitterTwo .inner { display: block; height: 0px; position: absolute; width: 0px; }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitter1 { -ms-transform: rotate(0deg); -webkit-animation-delay: 0.3s; -webkit-transform: rotate(0deg); animation-delay: 0.3s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitter1 { left: 2.8125%; top: 38.14433%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitter1 { left: 1.25%; top: 26.5233%; } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitter1 .child { -ms-transform: scale(0.25); -webkit-transform: scale(0.25); display: block; left: 0; position: absolute; top: 0; transform: scale(0.25); }
  .hero-header__bg-star1 .star-glitter1 .child::after, .hero-header__bg-star1 .star-glitter1 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  .hero-header__bg-star1 .star-glitter1 .child::before { z-index: 0; }
  .hero-header__bg-star1 .star-glitter1 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  .hero-header__bg-star1 .star-glitter1 .child _:-ms-lang(x), .hero-header__bg-star1 .star-glitter1 .child::before, .hero-header__bg-star1 .star-glitter1 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitter1 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitter1 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  .hero-header__bg-star1 .star-glitter1 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  .hero-header__bg-star1 .star-glitter1 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  .hero-header__bg-star1 .star-glitter1 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitter1 { -ms-transform: rotate(0deg); -webkit-animation-delay: 0.3s; -webkit-transform: rotate(0deg); animation-delay: 0.3s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitter1 { left: 5.9375%; top: 76.28866%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitter1 { left: 2.63889%; top: 53.04659%; } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitter1 .child { -ms-transform: scale(0.4); -webkit-transform: scale(0.4); display: block; left: 0; position: absolute; top: 0; transform: scale(0.4); }
  .hero-header__bg-star1 .star-glitter1 .child::after, .hero-header__bg-star1 .star-glitter1 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  .hero-header__bg-star1 .star-glitter1 .child::before { z-index: 0; }
  .hero-header__bg-star1 .star-glitter1 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  .hero-header__bg-star1 .star-glitter1 .child _:-ms-lang(x), .hero-header__bg-star1 .star-glitter1 .child::before, .hero-header__bg-star1 .star-glitter1 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitter1 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitter1 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  .hero-header__bg-star1 .star-glitter1 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  .hero-header__bg-star1 .star-glitter1 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  .hero-header__bg-star1 .star-glitter1 .child.child1 { display: none; } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitter2 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.1s; -webkit-transform: rotate(0deg); animation-delay: 1.1s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitter2 { left: 29.84375%; top: 12.37113%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitter2 { left: 13.26389%; top: 8.60215%; } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitter2 .child { -ms-transform: scale(0.3); -webkit-transform: scale(0.3); display: block; left: 0; position: absolute; top: 0; transform: scale(0.3); }
  .hero-header__bg-star1 .star-glitter2 .child::after, .hero-header__bg-star1 .star-glitter2 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  .hero-header__bg-star1 .star-glitter2 .child::before { z-index: 0; }
  .hero-header__bg-star1 .star-glitter2 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  .hero-header__bg-star1 .star-glitter2 .child _:-ms-lang(x), .hero-header__bg-star1 .star-glitter2 .child::before, .hero-header__bg-star1 .star-glitter2 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitter2 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitter2 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  .hero-header__bg-star1 .star-glitter2 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  .hero-header__bg-star1 .star-glitter2 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  .hero-header__bg-star1 .star-glitter2 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitter2 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.1s; -webkit-transform: rotate(0deg); animation-delay: 1.1s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitter2 { left: 32.03125%; top: 94.3299%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitter2 { left: 14.23611%; top: 65.5914%; } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitter2 .child { -ms-transform: scale(0.6); -webkit-transform: scale(0.6); display: block; left: 0; position: absolute; top: 0; transform: scale(0.6); }
  .hero-header__bg-star1 .star-glitter2 .child::after, .hero-header__bg-star1 .star-glitter2 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  .hero-header__bg-star1 .star-glitter2 .child::before { z-index: 0; }
  .hero-header__bg-star1 .star-glitter2 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  .hero-header__bg-star1 .star-glitter2 .child _:-ms-lang(x), .hero-header__bg-star1 .star-glitter2 .child::before, .hero-header__bg-star1 .star-glitter2 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitter2 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitter2 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  .hero-header__bg-star1 .star-glitter2 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  .hero-header__bg-star1 .star-glitter2 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  .hero-header__bg-star1 .star-glitter2 .child.child1 { display: none; } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitter3 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.5s; -webkit-transform: rotate(0deg); animation-delay: 1.5s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitter3 { left: 7.1875%; top: 13.40206%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitter3 { left: 3.19444%; top: 9.319%; } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitter3 .child { -ms-transform: scale(0.18); -webkit-transform: scale(0.18); display: block; left: 0; position: absolute; top: 0; transform: scale(0.18); }
  .hero-header__bg-star1 .star-glitter3 .child::after, .hero-header__bg-star1 .star-glitter3 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  .hero-header__bg-star1 .star-glitter3 .child::before { z-index: 0; }
  .hero-header__bg-star1 .star-glitter3 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  .hero-header__bg-star1 .star-glitter3 .child _:-ms-lang(x), .hero-header__bg-star1 .star-glitter3 .child::before, .hero-header__bg-star1 .star-glitter3 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 255, 255, 0.2), 0px 0px 15px 4px white; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitter3 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitter3 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, white 50%, rgba(255, 255, 255, 0.1) 90%, rgba(255, 255, 255, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  .hero-header__bg-star1 .star-glitter3 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  .hero-header__bg-star1 .star-glitter3 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  .hero-header__bg-star1 .star-glitter3 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitter3 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.5s; -webkit-transform: rotate(0deg); animation-delay: 1.5s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitter3 { left: 21.5625%; top: 15.46392%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitter3 { left: 9.58333%; top: 10.75269%; } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitter3 .child { -ms-transform: scale(0.28); -webkit-transform: scale(0.28); display: block; left: 0; position: absolute; top: 0; transform: scale(0.28); }
  .hero-header__bg-star1 .star-glitter3 .child::after, .hero-header__bg-star1 .star-glitter3 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  .hero-header__bg-star1 .star-glitter3 .child::before { z-index: 0; }
  .hero-header__bg-star1 .star-glitter3 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  .hero-header__bg-star1 .star-glitter3 .child _:-ms-lang(x), .hero-header__bg-star1 .star-glitter3 .child::before, .hero-header__bg-star1 .star-glitter3 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 255, 255, 0.2), 0px 0px 15px 4px white; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitter3 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitter3 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, white 50%, rgba(255, 255, 255, 0.1) 90%, rgba(255, 255, 255, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  .hero-header__bg-star1 .star-glitter3 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  .hero-header__bg-star1 .star-glitter3 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  .hero-header__bg-star1 .star-glitter3 .child.child1 { display: none; } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitter4 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.6s; -webkit-transform: rotate(0deg); animation-delay: 1.6s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitter4 { left: 93.59375%; top: 32.47423%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitter4 { left: 41.59722%; top: 22.58065%; } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitter4 .child { -ms-transform: scale(0.3); -webkit-transform: scale(0.3); display: block; left: 0; position: absolute; top: 0; transform: scale(0.3); }
  .hero-header__bg-star1 .star-glitter4 .child::after, .hero-header__bg-star1 .star-glitter4 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  .hero-header__bg-star1 .star-glitter4 .child::before { z-index: 0; }
  .hero-header__bg-star1 .star-glitter4 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  .hero-header__bg-star1 .star-glitter4 .child _:-ms-lang(x), .hero-header__bg-star1 .star-glitter4 .child::before, .hero-header__bg-star1 .star-glitter4 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitter4 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitter4 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  .hero-header__bg-star1 .star-glitter4 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  .hero-header__bg-star1 .star-glitter4 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  .hero-header__bg-star1 .star-glitter4 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitter4 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.6s; -webkit-transform: rotate(0deg); animation-delay: 1.6s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitter4 { left: 8.90625%; top: 32.47423%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitter4 { left: 3.95833%; top: 22.58065%; } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitter4 .child { -ms-transform: scale(0.6); -webkit-transform: scale(0.6); display: block; left: 0; position: absolute; top: 0; transform: scale(0.6); }
  .hero-header__bg-star1 .star-glitter4 .child::after, .hero-header__bg-star1 .star-glitter4 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  .hero-header__bg-star1 .star-glitter4 .child::before { z-index: 0; }
  .hero-header__bg-star1 .star-glitter4 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  .hero-header__bg-star1 .star-glitter4 .child _:-ms-lang(x), .hero-header__bg-star1 .star-glitter4 .child::before, .hero-header__bg-star1 .star-glitter4 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitter4 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitter4 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  .hero-header__bg-star1 .star-glitter4 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  .hero-header__bg-star1 .star-glitter4 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  .hero-header__bg-star1 .star-glitter4 .child.child1 { display: none; } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitter5 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1s; -webkit-transform: rotate(0deg); animation-delay: 1s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitter5 { left: 93.59375%; top: 55.15464%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitter5 { left: 41.59722%; top: 38.35125%; } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitter5 .child { -ms-transform: scale(0.18); -webkit-transform: scale(0.18); display: block; left: 0; position: absolute; top: 0; transform: scale(0.18); }
  .hero-header__bg-star1 .star-glitter5 .child::after, .hero-header__bg-star1 .star-glitter5 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  .hero-header__bg-star1 .star-glitter5 .child::before { z-index: 0; }
  .hero-header__bg-star1 .star-glitter5 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  .hero-header__bg-star1 .star-glitter5 .child _:-ms-lang(x), .hero-header__bg-star1 .star-glitter5 .child::before, .hero-header__bg-star1 .star-glitter5 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 255, 255, 0.2), 0px 0px 15px 4px white; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitter5 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitter5 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, white 50%, rgba(255, 255, 255, 0.1) 90%, rgba(255, 255, 255, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  .hero-header__bg-star1 .star-glitter5 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  .hero-header__bg-star1 .star-glitter5 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  .hero-header__bg-star1 .star-glitter5 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitter5 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1s; -webkit-transform: rotate(0deg); animation-delay: 1s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitter5 { left: 199.21875%; top: 87.62887%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitter5 { left: 88.54167%; top: 60.9319%; } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitter5 .child { -ms-transform: scale(0.25); -webkit-transform: scale(0.25); display: block; left: 0; position: absolute; top: 0; transform: scale(0.25); }
  .hero-header__bg-star1 .star-glitter5 .child::after, .hero-header__bg-star1 .star-glitter5 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  .hero-header__bg-star1 .star-glitter5 .child::before { z-index: 0; }
  .hero-header__bg-star1 .star-glitter5 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  .hero-header__bg-star1 .star-glitter5 .child _:-ms-lang(x), .hero-header__bg-star1 .star-glitter5 .child::before, .hero-header__bg-star1 .star-glitter5 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 255, 255, 0.2), 0px 0px 15px 4px white; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitter5 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitter5 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, white 50%, rgba(255, 255, 255, 0.1) 90%, rgba(255, 255, 255, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  .hero-header__bg-star1 .star-glitter5 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  .hero-header__bg-star1 .star-glitter5 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  .hero-header__bg-star1 .star-glitter5 .child.child1 { display: none; } }

.hero-header__bg-star1 .star-glitterTwo .inner { display: block; height: 0px; position: absolute; width: 0px; }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo1 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
  .hero-header__bg-star1 .star-glitterTwo1 .inner { -ms-transform: scale(0.16) rotate(45deg); -ms-transform: rotate(45deg) scale(0.16); -webkit-transform: scale(0.16) rotate(45deg); -webkit-transform: rotate(45deg) scale(0.16); display: block; height: 0; position: absolute; transform: scale(0.16) rotate(45deg); transform: rotate(45deg) scale(0.16); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo1 .inner { left: 12.03125%; top: 32.47423%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo1 .inner { left: 5.34722%; top: 22.58065%; } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo1 .inner::after, .hero-header__bg-star1 .star-glitterTwo1 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  .hero-header__bg-star1 .star-glitterTwo1 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  .hero-header__bg-star1 .star-glitterTwo1 .inner _:-ms-lang(x), .hero-header__bg-star1 .star-glitterTwo1 .inner::before, .hero-header__bg-star1 .star-glitterTwo1 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitterTwo1 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitterTwo1 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  .hero-header__bg-star1 .star-glitterTwo1 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo1 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
  .hero-header__bg-star1 .star-glitterTwo1 .inner { -ms-transform: scale(0.4) rotate(45deg); -ms-transform: rotate(45deg) scale(0.4); -webkit-transform: scale(0.4) rotate(45deg); -webkit-transform: rotate(45deg) scale(0.4); display: block; height: 0; position: absolute; transform: scale(0.4) rotate(45deg); transform: rotate(45deg) scale(0.4); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo1 .inner { left: 36.25%; top: 42.26804%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo1 .inner { left: 16.11111%; top: 29.39068%; } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo1 .inner::after, .hero-header__bg-star1 .star-glitterTwo1 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  .hero-header__bg-star1 .star-glitterTwo1 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  .hero-header__bg-star1 .star-glitterTwo1 .inner _:-ms-lang(x), .hero-header__bg-star1 .star-glitterTwo1 .inner::before, .hero-header__bg-star1 .star-glitterTwo1 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitterTwo1 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitterTwo1 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  .hero-header__bg-star1 .star-glitterTwo1 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo2 { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
  .hero-header__bg-star1 .star-glitterTwo2 .inner { -ms-transform: scale(0.14) rotate(52deg); -ms-transform: rotate(45deg) scale(0.14); -webkit-transform: scale(0.14) rotate(52deg); -webkit-transform: rotate(45deg) scale(0.14); display: block; height: 0; position: absolute; transform: scale(0.14) rotate(52deg); transform: rotate(45deg) scale(0.14); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo2 .inner { left: 31.875%; top: 37.62887%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo2 .inner { left: 14.16667%; top: 26.16487%; } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo2 .inner::after, .hero-header__bg-star1 .star-glitterTwo2 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  .hero-header__bg-star1 .star-glitterTwo2 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  .hero-header__bg-star1 .star-glitterTwo2 .inner _:-ms-lang(x), .hero-header__bg-star1 .star-glitterTwo2 .inner::before, .hero-header__bg-star1 .star-glitterTwo2 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 255, 255, 0.2), 0px 0px 15px 4px white; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitterTwo2 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitterTwo2 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, white 50%, rgba(255, 255, 255, 0.1) 90%, rgba(255, 255, 255, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  .hero-header__bg-star1 .star-glitterTwo2 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo2 { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
  .hero-header__bg-star1 .star-glitterTwo2 .inner { -ms-transform: scale(0.23) rotate(52deg); -ms-transform: rotate(45deg) scale(0.23); -webkit-transform: scale(0.23) rotate(52deg); -webkit-transform: rotate(45deg) scale(0.23); display: block; height: 0; position: absolute; transform: scale(0.23) rotate(52deg); transform: rotate(45deg) scale(0.23); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo2 .inner { left: 48.75%; top: 85.05155%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo2 .inner { left: 21.66667%; top: 59.13978%; } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo2 .inner::after, .hero-header__bg-star1 .star-glitterTwo2 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  .hero-header__bg-star1 .star-glitterTwo2 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  .hero-header__bg-star1 .star-glitterTwo2 .inner _:-ms-lang(x), .hero-header__bg-star1 .star-glitterTwo2 .inner::before, .hero-header__bg-star1 .star-glitterTwo2 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 255, 255, 0.2), 0px 0px 15px 4px white; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitterTwo2 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitterTwo2 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, white 50%, rgba(255, 255, 255, 0.1) 90%, rgba(255, 255, 255, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  .hero-header__bg-star1 .star-glitterTwo2 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo3 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
  .hero-header__bg-star1 .star-glitterTwo3 .inner { -ms-transform: scale(0.16) rotate(45deg); -ms-transform: rotate(45deg) scale(0.16); -webkit-transform: scale(0.16) rotate(45deg); -webkit-transform: rotate(45deg) scale(0.16); display: block; height: 0; position: absolute; transform: scale(0.16) rotate(45deg); transform: rotate(45deg) scale(0.16); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo3 .inner { left: 76.25%; top: 14.43299%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo3 .inner { left: 33.88889%; top: 10.03584%; } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo3 .inner::after, .hero-header__bg-star1 .star-glitterTwo3 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  .hero-header__bg-star1 .star-glitterTwo3 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  .hero-header__bg-star1 .star-glitterTwo3 .inner _:-ms-lang(x), .hero-header__bg-star1 .star-glitterTwo3 .inner::before, .hero-header__bg-star1 .star-glitterTwo3 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitterTwo3 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitterTwo3 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  .hero-header__bg-star1 .star-glitterTwo3 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo3 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
  .hero-header__bg-star1 .star-glitterTwo3 .inner { -ms-transform: scale(0.4) rotate(45deg); -ms-transform: rotate(45deg) scale(0.4); -webkit-transform: scale(0.4) rotate(45deg); -webkit-transform: rotate(45deg) scale(0.4); display: block; height: 0; position: absolute; transform: scale(0.4) rotate(45deg); transform: rotate(45deg) scale(0.4); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo3 .inner { left: 167.96875%; top: 15.97938%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo3 .inner { left: 74.65278%; top: 11.11111%; } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo3 .inner::after, .hero-header__bg-star1 .star-glitterTwo3 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  .hero-header__bg-star1 .star-glitterTwo3 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  .hero-header__bg-star1 .star-glitterTwo3 .inner _:-ms-lang(x), .hero-header__bg-star1 .star-glitterTwo3 .inner::before, .hero-header__bg-star1 .star-glitterTwo3 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitterTwo3 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitterTwo3 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  .hero-header__bg-star1 .star-glitterTwo3 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo4 { -webkit-animation-delay: 1s; animation-delay: 1s; }
  .hero-header__bg-star1 .star-glitterTwo4 .inner { -ms-transform: scale(0.12) rotate(52deg); -ms-transform: rotate(45deg) scale(0.12); -webkit-transform: scale(0.12) rotate(52deg); -webkit-transform: rotate(45deg) scale(0.12); display: block; height: 0; position: absolute; transform: scale(0.12) rotate(52deg); transform: rotate(45deg) scale(0.12); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo4 .inner { left: 80.15625%; top: 36.59794%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo4 .inner { left: 35.625%; top: 25.44803%; } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo4 .inner::after, .hero-header__bg-star1 .star-glitterTwo4 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  .hero-header__bg-star1 .star-glitterTwo4 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  .hero-header__bg-star1 .star-glitterTwo4 .inner _:-ms-lang(x), .hero-header__bg-star1 .star-glitterTwo4 .inner::before, .hero-header__bg-star1 .star-glitterTwo4 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 255, 255, 0.2), 0px 0px 15px 4px white; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitterTwo4 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitterTwo4 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, white 50%, rgba(255, 255, 255, 0.1) 90%, rgba(255, 255, 255, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  .hero-header__bg-star1 .star-glitterTwo4 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo4 { -webkit-animation-delay: 1s; animation-delay: 1s; }
  .hero-header__bg-star1 .star-glitterTwo4 .inner { -ms-transform: scale(0.23) rotate(52deg); -ms-transform: rotate(45deg) scale(0.23); -webkit-transform: scale(0.23) rotate(52deg); -webkit-transform: rotate(45deg) scale(0.23); display: block; height: 0; position: absolute; transform: scale(0.23) rotate(52deg); transform: rotate(45deg) scale(0.23); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo4 .inner { left: 175%; top: 55.6701%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo4 .inner { left: 77.77778%; top: 38.70968%; } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo4 .inner::after, .hero-header__bg-star1 .star-glitterTwo4 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  .hero-header__bg-star1 .star-glitterTwo4 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  .hero-header__bg-star1 .star-glitterTwo4 .inner _:-ms-lang(x), .hero-header__bg-star1 .star-glitterTwo4 .inner::before, .hero-header__bg-star1 .star-glitterTwo4 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 255, 255, 0.2), 0px 0px 15px 4px white; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitterTwo4 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitterTwo4 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, white 50%, rgba(255, 255, 255, 0.1) 90%, rgba(255, 255, 255, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  .hero-header__bg-star1 .star-glitterTwo4 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo5 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
  .hero-header__bg-star1 .star-glitterTwo5 .inner { -ms-transform: scale(0.13) rotate(45deg); -ms-transform: rotate(45deg) scale(0.13); -webkit-transform: scale(0.13) rotate(45deg); -webkit-transform: rotate(45deg) scale(0.13); display: block; height: 0; position: absolute; transform: scale(0.13) rotate(45deg); transform: rotate(45deg) scale(0.13); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo5 .inner { left: 98.75%; top: 61.85567%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo5 .inner { left: 43.88889%; top: 43.01075%; } }

@media screen and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo5 .inner::after, .hero-header__bg-star1 .star-glitterTwo5 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  .hero-header__bg-star1 .star-glitterTwo5 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  .hero-header__bg-star1 .star-glitterTwo5 .inner _:-ms-lang(x), .hero-header__bg-star1 .star-glitterTwo5 .inner::before, .hero-header__bg-star1 .star-glitterTwo5 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitterTwo5 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitterTwo5 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  .hero-header__bg-star1 .star-glitterTwo5 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo5 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
  .hero-header__bg-star1 .star-glitterTwo5 .inner { -ms-transform: scale(0.25) rotate(45deg); -ms-transform: rotate(45deg) scale(0.25); -webkit-transform: scale(0.25) rotate(45deg); -webkit-transform: rotate(45deg) scale(0.25); display: block; height: 0; position: absolute; transform: scale(0.25) rotate(45deg); transform: rotate(45deg) scale(0.25); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { .hero-header__bg-star1 .star-glitterTwo5 .inner { left: 208.4375%; top: 100%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo5 .inner { left: 92.63889%; top: 69.53405%; } }

@media screen and (min-width: 768px) { .hero-header__bg-star1 .star-glitterTwo5 .inner::after, .hero-header__bg-star1 .star-glitterTwo5 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  .hero-header__bg-star1 .star-glitterTwo5 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  .hero-header__bg-star1 .star-glitterTwo5 .inner _:-ms-lang(x), .hero-header__bg-star1 .star-glitterTwo5 .inner::before, .hero-header__bg-star1 .star-glitterTwo5 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  .hero-header__bg-star1 .star-glitterTwo5 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  .hero-header__bg-star1 .star-glitterTwo5 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  .hero-header__bg-star1 .star-glitterTwo5 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (max-width: 767px) { .hero-header__bg:before { /* background-image: url("../../images/olive-and-babassu/hero_kira-maru_sp.png"); */ } }

@media screen and (min-width: 768px) { .hero-header__bg:before { /* background-image: url("../../images/olive-and-babassu/hero_kira-maru.png"); */ }
  .hero-header__bg-left, .hero-header__bg-right { background-image: url("../../images/olive-and-babassu/hero-header2021.png"); background-size: 200% auto; } }

#mainVisual { overflow: visible; z-index: 60; }

#mainVisual img { display: block; height: auto; line-height: 0; width: 100%; }

#mainVisual .hero-wrapper { -webkit-transition-delay: 0s; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; height: 100%; position: relative; transition-delay: 0s; transition-duration: 800ms; transition-timing-function: ease; width: 100%; }

#mainVisual .hero-text { -webkit-box-sizing: border-box; -webkit-transition-delay: 0s; -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease; background-color: #fff; background-size: 100% 300%; box-sizing: border-box; height: 50vw; opacity: 0; padding: 5px; transition-delay: 0s; transition-duration: 500ms; transition-timing-function: ease; visibility: hidden; width: 40vw; }

@media screen and (max-width: 767px) { #mainVisual .hero-text { height: auto; margin: 0 auto; margin-top: -70.46875vw; padding: 0.78125vw; position: relative; width: 93.125vw; } }

@media screen and (min-width: 768px) { #mainVisual .hero-text { -ms-transform: translate(2.14286vw); -webkit-transform: translate(2.14286vw); bottom: 3.125vw; height: 36.80556vw; left: 50%; padding: 5px; position: absolute; transform: translate(2.14286vw); width: 36.80556vw; } }

#mainVisual .hero-text:after { content: ""; display: block; height: 100%; pointer-events: none; position: absolute; right: 0; top: 0; width: 100%; z-index: 3; }

#mainVisual .hero-text.show { -webkit-animation: bg-gradAnim 3.5s ease infinite alternate; animation: bg-gradAnim 3.5s ease infinite alternate; background-image: -webkit-gradient(linear, left top, right bottom, from(#957036), color-stop(10%, #e1c170), color-stop(25%, #f0deab), color-stop(41%, #e1c170), color-stop(50%, #957036), color-stop(75%, #e1c170), to(#e1c170)); background-image: linear-gradient(to right bottom, #957036 0%, #e1c170 10%, #f0deab 25%, #e1c170 41%, #957036 50%, #e1c170 75%, #e1c170 100%); opacity: 1; visibility: visible; }

#mainVisual .hero-text.show:after { -ms-transform-origin: 0 0; -webkit-animation: showHeroText 2.0s linear; -webkit-transform-origin: 0 0; animation: showHeroText 2.0s linear; opacity: 1; transform-origin: 0 0; visibility: visible; }

#mainVisual .hero-text__inner { background-color: #f5eee8; height: 100%; position: relative; z-index: 2; }

@media screen and (max-width: 767px) { #mainVisual .hero-text__inner { padding: 7.8125vw 3.90625vw 10.15625vw 3.90625vw; } }

@media screen and (min-width: 768px) { #mainVisual .hero-text__inner { padding: 3.75vw 2.77778vw 3.47222vw 2.77778vw; } }

#mainVisual .hero-text__title { letter-spacing: -0.05rem; }

@media screen and (max-width: 767px) { #mainVisual .hero-text__title { font-size: 6.25vw; line-height: 1.5; margin-bottom: 6.25vw; } }

@media screen and (min-width: 768px) { #mainVisual .hero-text__title { font-size: 2.22222vw; font-weight: 600; line-height: 1.625; margin-bottom: 19px; } }

#mainVisual .hero-text__txt { letter-spacing: -0.05rem; text-align: left; }

@media screen and (max-width: 767px) { #mainVisual .hero-text__txt { font-size: 4.21875vw; line-height: 1.71429; } }

@media screen and (min-width: 768px) { #mainVisual .hero-text__txt { font-size: 1.11111vw; line-height: 1.75; }
  #mainVisual .hero-text__txt:last-child { margin-top: 1.94444vw; } }

@media screen and (min-width: 768px) and (max-width: 1300px) { #mainVisual .hero-text { bottom: -7.92308vw; height: 38.46154vw; right: 5.20833vw; width: 40.76923vw; }
  #mainVisual .hero-text__title { font-size: 2.46154vw; }
  #mainVisual .hero-text__txt { font-size: 1.23077vw; } }

@media screen and (min-width: 768px) and (max-width: 1180px) { #mainVisual .hero-text { -ms-transform: none; -webkit-transform: none; bottom: -12.71186vw; height: 42.37288vw; left: auto; right: 20px; transform: none; width: 44.91525vw; }
  #mainVisual .hero-text__title { font-size: 2.71186vw; }
  #mainVisual .hero-text__txt { font-size: 1.35593vw; } }

@-webkit-keyframes showHeroText { 0% { -webkit-box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.8);
    background-color: #fff; box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.8);
    opacity: 1;
    visibility: visible; }
  10% { -webkit-box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.8); box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.8); }
  25% { -webkit-box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.8); box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.8); }
  50% { -webkit-box-shadow: 0 0 0px 0px #fff; box-shadow: 0 0 0px 0px #fff; }
  90% {
    -webkit-box-shadow: none; background-color: transparent;
            box-shadow: none; } }

@keyframes showHeroText { 0% { -webkit-box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.8);
    background-color: #fff; box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.8);
    opacity: 1;
    visibility: visible; }
  10% { -webkit-box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.8); box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.8); }
  25% { -webkit-box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.8); box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.8); }
  50% { -webkit-box-shadow: 0 0 0px 0px #fff; box-shadow: 0 0 0px 0px #fff; }
  90% {
    -webkit-box-shadow: none; background-color: transparent;
            box-shadow: none; } }

/*
--------------------------------------------------------------
 Miracle Banner
--------------------------------------------------------------
*/
.miracleBanner__inner { -ms-flex-pack: center; -webkit-box-pack: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; margin: 0 auto; text-align: center; }

.miracleBanner__inner img { height: auto; width: 100%; }

@media screen and (max-width: 767px) { .miracleBanner { padding-bottom: 6.875vw; padding-top: 3.90625vw; }
  .miracleBanner__link { width: 93.75vw; } }

@media screen and (min-width: 768px) { .miracleBanner { display: none; padding-bottom: 50px; padding-top: 90px; }
  .miracleBanner__inner { padding: 0 1.38889vw; }
  .miracleBanner__link { margin-top: -34px; max-width: 1019px; width: 100%; } }

@media screen and (min-width: 768px) and (max-width: 1300px) { .miracleBanner { padding-top: 11.53846vw; } }

@media screen and (min-width: 768px) and (max-width: 1180px) { .miracleBanner { padding-top: 16.94915vw; } }

/*
--------------------------------------------------------------
 Concept/Fragrance
--------------------------------------------------------------
*/
/*
@mixin star-glitterF($left:38,$top: 147,$color:#fff3c1,$delay:.9s,$slale:.3,$rot:0deg) {
  left: ($left/1120)*100%; top: ($top/543)*100%; animation-delay: $delay;
  @include threeLineStarNormal( $rStarScale:$slale, $rStarRotate: $rot, $rStarColor: $color, $rStarShadowColor: $color );
}
@mixin star-glitterTwoF ($slale:.25,$rot:45deg,$delay:1.3s,$left:138,$top: 30,$color:#fff3c1) {
  transform: scale($slale) rotate($rot); animation-delay:$delay;
  .inner{
    left: ($left/1120)*100%; top: ($top/543)*100%;
    @include twoLineStar( $rStarScale: .25, $rStarRotate: 45deg, $rStarColor: $color, $rStarShadowColor: $color );
  }
}*/
/*
--------------------------------------------------------------
 Fragrance Area
--------------------------------------------------------------
*/
#olive-and-babassu .sec-fragrance { background: #50443b repeat center top; background-size: cover; color: #fcf0ce; }

#olive-and-babassu .sec-fragrance__inner { margin: 0 auto; position: relative; }

#olive-and-babassu .sec-fragrance__title { line-height: 0; margin: 0 auto; width: 100%; }

#olive-and-babassu .sec-fragrance__title img { height: auto; width: 100%; }

#olive-and-babassu .sec-fragrance__text { line-height: 0; margin: 0 auto; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance { padding-bottom: 9.375vw; }
  #olive-and-babassu .sec-fragrance__text { font-size: 3.90625vw; line-height: 1.76923; margin-bottom: 15.46875vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-fragrance { padding: 100px 0 50px 0; }
  #olive-and-babassu .sec-fragrance__inner { max-width: 1160px; padding: 0 20px; }
  #olive-and-babassu .sec-fragrance__title img { height: 100px !important; width: 370px !important; }
  #olive-and-babassu .sec-fragrance__text { font-size: 18px; line-height: 2.22222; margin-bottom: 23px; } }

#olive-and-babassu .sec-fragrance__bg { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

#olive-and-babassu .sec-fragrance__bg .star-glitter { -webkit-animation: fadeStars 8s infinite linear; animation: fadeStars 8s infinite linear; display: block; height: 0px; opacity: 0; position: absolute; width: 0px; will-change: transform, opacity; }

#olive-and-babassu .sec-fragrance__bg .star-glitterTwo { -webkit-animation: fadeStars 9s infinite linear; animation: fadeStars 9s infinite linear; opacity: 0; will-change: transform, opacity; }

#olive-and-babassu .sec-fragrance__bg .star-glitterTwo .inner { display: block; height: 0px; position: absolute; width: 0px; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter1 { -ms-transform: rotate(0deg); -webkit-animation-delay: 0.3s; -webkit-transform: rotate(0deg); animation-delay: 0.3s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter1 { left: 7.5%; top: 71.36237%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter1 { left: 4.28571%; top: 141.80479%; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child { -ms-transform: scale(0.28); -webkit-transform: scale(0.28); display: block; left: 0; position: absolute; top: 0; transform: scale(0.28); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child::after, #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child::before { z-index: 0; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child _:-ms-lang(x), #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child::before, #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter1 { -ms-transform: rotate(0deg); -webkit-animation-delay: 0.3s; -webkit-transform: rotate(0deg); animation-delay: 0.3s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter1 { left: 0%; top: 21.8721%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter1 { left: 0%; top: 43.46225%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child { -ms-transform: scale(0.5); -webkit-transform: scale(0.5); display: block; left: 0; position: absolute; top: 0; transform: scale(0.5); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child::after, #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child::before { z-index: 0; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child _:-ms-lang(x), #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child::before, #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter1 .child.child1 { display: none; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter2 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.1s; -webkit-transform: rotate(0deg); animation-delay: 1.1s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter2 { left: 30.78125%; top: 40.7785%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter2 { left: 17.58929%; top: 81.03131%; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child { -ms-transform: scale(0.15); -webkit-transform: scale(0.15); display: block; left: 0; position: absolute; top: 0; transform: scale(0.15); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child::after, #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child::before { z-index: 0; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child _:-ms-lang(x), #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child::before, #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter2 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.1s; -webkit-transform: rotate(0deg); animation-delay: 1.1s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter2 { left: 133.75%; top: 20.66728%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter2 { left: 76.42857%; top: 41.06814%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child { -ms-transform: scale(0.3); -webkit-transform: scale(0.3); display: block; left: 0; position: absolute; top: 0; transform: scale(0.3); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child::after, #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child::before { z-index: 0; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child _:-ms-lang(x), #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child::before, #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter2 .child.child1 { display: none; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter3 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.5s; -webkit-transform: rotate(0deg); animation-delay: 1.5s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter3 { left: 88.75%; top: 74.42076%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter3 { left: 50.71429%; top: 147.88214%; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child { -ms-transform: scale(0.28); -webkit-transform: scale(0.28); display: block; left: 0; position: absolute; top: 0; transform: scale(0.28); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child::after, #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child::before { z-index: 0; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child _:-ms-lang(x), #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child::before, #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter3 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.5s; -webkit-transform: rotate(0deg); animation-delay: 1.5s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter3 { left: 177.34375%; top: 24.37442%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter3 { left: 101.33929%; top: 48.43462%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child { -ms-transform: scale(0.5); -webkit-transform: scale(0.5); display: block; left: 0; position: absolute; top: 0; transform: scale(0.5); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child::after, #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child::before { z-index: 0; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child _:-ms-lang(x), #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child::before, #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter3 .child.child1 { display: none; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter4 { -ms-transform: rotate(0deg); -webkit-animation-delay: 0.5s; -webkit-transform: rotate(0deg); animation-delay: 0.5s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter4 { left: 35.9375%; top: 45.31974%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter4 { left: 20.53571%; top: 90.05525%; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter4 .child { -ms-transform: scale(0.16); -webkit-transform: scale(0.16); display: block; left: 0; position: absolute; top: 0; transform: scale(0.16); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter4 .child::after, #olive-and-babassu .sec-fragrance__bg .star-glitter4 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter4 .child::before { z-index: 0; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter4 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter4 .child _:-ms-lang(x), #olive-and-babassu .sec-fragrance__bg .star-glitter4 .child::before, #olive-and-babassu .sec-fragrance__bg .star-glitter4 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 255, 255, 0.2), 0px 0px 15px 4px white; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter4 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter4 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, white 50%, rgba(255, 255, 255, 0.1) 90%, rgba(255, 255, 255, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter4 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter4 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter4 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter4 { display: none; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter5 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.6s; -webkit-transform: rotate(0deg); animation-delay: 1.6s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter5 { left: 49.53125%; top: 77.75718%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter5 { left: 28.30357%; top: 154.51197%; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitter5 .child { -ms-transform: scale(0.16); -webkit-transform: scale(0.16); display: block; left: 0; position: absolute; top: 0; transform: scale(0.16); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter5 .child::after, #olive-and-babassu .sec-fragrance__bg .star-glitter5 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter5 .child::before { z-index: 0; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter5 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter5 .child _:-ms-lang(x), #olive-and-babassu .sec-fragrance__bg .star-glitter5 .child::before, #olive-and-babassu .sec-fragrance__bg .star-glitter5 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 255, 255, 0.2), 0px 0px 15px 4px white; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter5 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter5 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, white 50%, rgba(255, 255, 255, 0.1) 90%, rgba(255, 255, 255, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .sec-fragrance__bg .star-glitter5 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter5 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .sec-fragrance__bg .star-glitter5 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitter5 { display: none; } }

#olive-and-babassu .sec-fragrance__bg .star-glitterTwo .inner { display: block; height: 0px; position: absolute; width: 0px; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner { -ms-transform: scale(0.15) rotate(45deg); -ms-transform: rotate(45deg) scale(0.15); -webkit-transform: scale(0.15) rotate(45deg); -webkit-transform: rotate(45deg) scale(0.15); display: block; height: 0; position: absolute; transform: scale(0.15) rotate(45deg); transform: rotate(45deg) scale(0.15); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner { left: 12.03125%; top: 76.73772%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner { left: 6.875%; top: 152.48619%; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner::after, #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner _:-ms-lang(x), #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner::before, #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner { -ms-transform: scale(0.4) rotate(45deg); -ms-transform: rotate(45deg) scale(0.4); -webkit-transform: scale(0.4) rotate(45deg); -webkit-transform: rotate(45deg) scale(0.4); display: block; height: 0; position: absolute; transform: scale(0.4) rotate(45deg); transform: rotate(45deg) scale(0.4); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner { left: 65.15625%; top: 20.85264%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner { left: 37.23214%; top: 41.43646%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner::after, #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner _:-ms-lang(x), #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner::before, #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo1 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner { -ms-transform: scale(0.23) rotate(52deg); -ms-transform: rotate(45deg) scale(0.23); -webkit-transform: scale(0.23) rotate(52deg); -webkit-transform: rotate(45deg) scale(0.23); display: block; height: 0; position: absolute; transform: scale(0.23) rotate(52deg); transform: rotate(45deg) scale(0.23); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner { left: 63.59375%; top: 43.74421%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner { left: 36.33929%; top: 86.92449%; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner::after, #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner _:-ms-lang(x), #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner::before, #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner { -ms-transform: scale(0.23) rotate(52deg); -ms-transform: rotate(45deg) scale(0.23); -webkit-transform: scale(0.23) rotate(52deg); -webkit-transform: rotate(45deg) scale(0.23); display: block; height: 0; position: absolute; transform: scale(0.23) rotate(52deg); transform: rotate(45deg) scale(0.23); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner { left: 164.84375%; top: 16.68211%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner { left: 94.19643%; top: 33.14917%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner::after, #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner _:-ms-lang(x), #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner::before, #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo2 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner { -ms-transform: scale(0.2) rotate(45deg); -ms-transform: rotate(45deg) scale(0.2); -webkit-transform: scale(0.2) rotate(45deg); -webkit-transform: rotate(45deg) scale(0.2); display: block; height: 0; position: absolute; transform: scale(0.2) rotate(45deg); transform: rotate(45deg) scale(0.2); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner { left: 94.84375%; top: 68.76738%; } }

@media screen and (max-width: 767px) and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner { left: 54.19643%; top: 136.64825%; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner::after, #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner _:-ms-lang(x), #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner::before, #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner { -ms-transform: scale(0.4) rotate(45deg); -ms-transform: rotate(45deg) scale(0.4); -webkit-transform: scale(0.4) rotate(45deg); -webkit-transform: rotate(45deg) scale(0.4); display: block; height: 0; position: absolute; transform: scale(0.4) rotate(45deg); transform: rotate(45deg) scale(0.4); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner { left: 3.125%; top: 29.37905%; } }

@media screen and (min-width: 768px) and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner { left: 1.78571%; top: 58.37937%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner::after, #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner _:-ms-lang(x), #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner::before, #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  #olive-and-babassu .sec-fragrance__bg .star-glitterTwo3 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

#olive-and-babassu .fragrance-box { -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; margin: 0 auto; position: relative; width: 100%; }

#olive-and-babassu .fragrance-box__inner { margin: 0 auto; position: relative; width: 100%; }

@media screen and (min-width: 768px) { #olive-and-babassu .fragrance-box__inner { margin: 0 auto; } }

#olive-and-babassu .fragrance-box__items { -ms-flex-pack: center; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; margin: 0 auto; width: 100%; }

#olive-and-babassu .fragrance-box__item { -ms-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; line-height: 0; position: relative; }

#olive-and-babassu .fragrance-box__item img { height: auto !important; width: 100% !important; }

#olive-and-babassu .fragrance-box__item span { display: block; width: 100%; }

#olive-and-babassu .fragrance-box__item .thumb { background-size: 100% 300%; border-radius: 100%; }

#olive-and-babassu .fragrance-box__item .thumb__inner { background-image: url("../../images/olive-and-babassu/fragrance_items_sp.png"); border-radius: 100%; display: block; width: 100%; }

#olive-and-babassu .fragrance-box__item .name { -ms-flex-pack: center; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 600; justify-content: center; left: 0; letter-spacing: -0.05rem; line-height: 1; position: absolute; top: 75.17241%; }

#olive-and-babassu .fragrance-box__item:nth-of-type(1) { /*.name{ @if $i == 0 { background-position: 0.6383% 0%; } @else { background-position: 0% 0%; } }*/ }

@media screen and (max-width: 767px) { #olive-and-babassu .fragrance-box__item:nth-of-type(1) .thumb__inner { background-position: 0.6383% 29%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .fragrance-box__item:nth-of-type(1) .thumb__inner { background-position: 0.6383% 3.42857%; } }

#olive-and-babassu .fragrance-box__item:nth-of-type(2) { /*.name{ @if $i == 0 { background-position: 0.6383% 0%; } @else { background-position: 24.85% 0%; } }*/ }

@media screen and (max-width: 767px) { #olive-and-babassu .fragrance-box__item:nth-of-type(2) .thumb__inner { background-position: 25% 29%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .fragrance-box__item:nth-of-type(2) .thumb__inner { background-position: 24.85% 3.42857%; } }

#olive-and-babassu .fragrance-box__item:nth-of-type(3) { /*.name{ @if $i == 0 { background-position: 0.6383% 0%; } @else { background-position: 49.7% 0%; } }*/ }

@media screen and (max-width: 767px) { #olive-and-babassu .fragrance-box__item:nth-of-type(3) .thumb__inner { background-position: 50% 29%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .fragrance-box__item:nth-of-type(3) .thumb__inner { background-position: 49.7% 3.42857%; } }

#olive-and-babassu .fragrance-box__item:nth-of-type(4) { /*.name{ @if $i == 0 { background-position: 0.6383% 0%; } @else { background-position: 74.55% 0%; } }*/ }

@media screen and (max-width: 767px) { #olive-and-babassu .fragrance-box__item:nth-of-type(4) .thumb__inner { background-position: 75% 29%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .fragrance-box__item:nth-of-type(4) .thumb__inner { background-position: 74.55% 3.42857%; } }

#olive-and-babassu .fragrance-box__item:nth-of-type(5) { /*.name{ @if $i == 0 { background-position: 0.6383% 0%; } @else { background-position: 99.4% 0%; } }*/ }

@media screen and (max-width: 767px) { #olive-and-babassu .fragrance-box__item:nth-of-type(5) .thumb__inner { background-position: 100% 29%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .fragrance-box__item:nth-of-type(5) .thumb__inner { background-position: 99.4% 3.42857%; } }

@media screen and (max-width: 767px) { #olive-and-babassu .fragrance-box__items { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; }
  #olive-and-babassu .fragrance-box__item { margin: 0 1.5625vw; padding-bottom: 16.875vw; width: 29.21875vw; }
  #olive-and-babassu .fragrance-box__item:nth-child(1), #olive-and-babassu .fragrance-box__item:nth-child(3) { -ms-transform: translateY(-7.8125vw); -webkit-transform: translateY(-7.8125vw); transform: translateY(-7.8125vw); }
  #olive-and-babassu .fragrance-box__item:nth-child(4), #olive-and-babassu .fragrance-box__item:nth-child(5) { margin: 0 3.75vw; }
  #olive-and-babassu .fragrance-box__item .thumb { padding: 0.9375vw; }
  #olive-and-babassu .fragrance-box__item .thumb__inner { background-size: 534.28571% 106.85714%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .fragrance-box__items { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; max-width: 1040px; }
  #olive-and-babassu .fragrance-box__item { margin: 0 10px; margin-bottom: 50px; padding-bottom: 9.90385%; width: 18.07692%; }
  #olive-and-babassu .fragrance-box__item:nth-child(2), #olive-and-babassu .fragrance-box__item:nth-child(4) { margin-bottom: 0; margin-top: 50px; }
  #olive-and-babassu .fragrance-box__item .thumb__inner { background-image: url("../../images/olive-and-babassu/fragrance_items.png"); }
  #olive-and-babassu .fragrance-box__item .thumb { padding: 3.19149%; width: 100%; }
  #olive-and-babassu .fragrance-box__item .thumb__inner { background-size: 537%; }
  #olive-and-babassu .fragrance-box__item .name { background-size: 537%; font-size: 20px; top: 74.13793%; } }

/*
--------------------------------------------------------------
 Lineup
--------------------------------------------------------------
*/
/*
@mixin star-glitterL($left:38,$top: 147,$color:#fff3c1,$delay:.9s,$slale:.3,$rot:0deg) {
  left: ($left/600)*100%; top: ($top/230)*100%; animation-delay: $delay;
  @include threeLineStarNormal( $rStarScale:$slale, $rStarRotate: $rot, $rStarColor: $color, $rStarShadowColor: $color );
}
@mixin star-glitterTwoL ($slale:.25,$rot:45deg,$delay:1.3s,$left:138,$top: 30,$color:#fff3c1) {
  transform: scale($slale) rotate($rot); animation-delay:$delay;
  .inner{
    left: ($left/600)*100%; top: ($top/230)*100%;
    @include twoLineStar( $rStarScale: .25, $rStarRotate: 45deg, $rStarColor: $color, $rStarShadowColor: $color );
  }
}
*/
/*
--------------------------------------------------------------
 Lineup Area
--------------------------------------------------------------
*/
#olive-and-babassu .sec-bg { background: #989f83 repeat center top; }

#olive-and-babassu .sec-lineup__inner { margin: 0 auto; position: relative; width: 100%; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup { -webkit-box-sizing: content-box; box-sizing: content-box; max-height: 1747.5vw; padding: 14.0625vw 0 10.3125vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup { padding-top: 110px; } }

#olive-and-babassu .sec-lineup .overview { background-size: 100% 300%; margin: 0 auto; max-width: 1120px; }

#olive-and-babassu .sec-lineup .overview__inner { background: #968757 repeat center top; background-image: url("../../images/olive-and-babassu/overview_bg.png"); color: #fcf0ce; }

#olive-and-babassu .sec-lineup .overview__title-sub { font-weight: 600; }

#olive-and-babassu .sec-lineup .overview__text { font-weight: 600; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .overview { margin-bottom: 9.375vw; padding: 0.625vw; width: 93.75vw; }
  #olive-and-babassu .sec-lineup .overview__inner { background-size: 180%; }
  #olive-and-babassu .sec-lineup .overview__title-sub { font-size: 6.25vw; line-height: 1.5; margin-bottom: 2.96875vw; }
  #olive-and-babassu .sec-lineup .overview__text { font-size: calc(25); line-height: 1.76923; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .overview { margin-bottom: 80px; padding: 4px; }
  #olive-and-babassu .sec-lineup .overview__inner { padding-bottom: 30px; padding-top: 70px; }
  #olive-and-babassu .sec-lineup .overview__title-sub { font-size: 32px; line-height: 1.875; margin-bottom: 4px; }
  #olive-and-babassu .sec-lineup .overview__text { font-size: 18px; line-height: 2.22222; position: relative; z-index: 2; } }

#olive-and-babassu .sec-lineup .overview .extract { margin: 0 auto; position: relative; z-index: 1; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .overview .extract { height: 47.65625vw; width: 92.5vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .overview .extract { height: 320px; margin-top: -55px; width: 676px; } }

#olive-and-babassu .sec-lineup .overview .extract .item { position: absolute; top: 0; width: 100%; }

#olive-and-babassu .sec-lineup .overview .extract .item .name { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; position: absolute; z-index: 2; }

#olive-and-babassu .sec-lineup .overview .extract .item .name-bg { background-size: 100% 300%; border-radius: 100%; display: block; position: absolute; z-index: 0; }

#olive-and-babassu .sec-lineup .overview .extract .item .name-bg .inner { border-radius: 100%; display: block; height: 100%; width: 100%; }

#olive-and-babassu .sec-lineup .overview .extract .item .name-bg .inner:after { background-color: rgba(69, 55, 34, 0.27); border-radius: 100%; content: ""; display: block; height: inherit; width: inherit; }

#olive-and-babassu .sec-lineup .overview .extract .item .image { -webkit-filter: drop-shadow(8px 8px 0px rgba(81, 71, 31, 0.3)); filter: drop-shadow(8px 8px 0px rgba(81, 71, 31, 0.3)); position: absolute; z-index: 1; }

#olive-and-babassu .sec-lineup .overview .extract .item:nth-child(1) { left: 0; z-index: 2; }

#olive-and-babassu .sec-lineup .overview .extract .item:nth-child(1) .image { left: 0; }

#olive-and-babassu .sec-lineup .overview .extract .item:nth-child(2) { right: 0; z-index: 1; }

#olive-and-babassu .sec-lineup .overview .extract .item:nth-child(2) .image { right: 0; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .overview .extract .item .name { font-size: 3.125vw; height: 15.15625vw; margin: 0.3125vw; top: 27.1875vw; width: 15.15625vw; }
  #olive-and-babassu .sec-lineup .overview .extract .item .name-bg { height: 15.46875vw; padding: 0.3125vw; top: 27.1875vw; width: 15.46875vw; }
  #olive-and-babassu .sec-lineup .overview .extract .item .name-bg .inner { background-image: url("../../images/olive-and-babassu/overview_bg.png"); }
  #olive-and-babassu .sec-lineup .overview .extract .item .image { width: 100%; }
  #olive-and-babassu .sec-lineup .overview .extract .item:nth-child(1) .name { left: 4.53125vw; letter-spacing: -0.05rem; }
  #olive-and-babassu .sec-lineup .overview .extract .item:nth-child(1) .name-bg { left: 4.53125vw; }
  #olive-and-babassu .sec-lineup .overview .extract .item:nth-child(2) .name { right: 4.53125vw; }
  #olive-and-babassu .sec-lineup .overview .extract .item:nth-child(2) .name-bg { right: 4.53125vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .overview .extract .item { width: 400px; }
  #olive-and-babassu .sec-lineup .overview .extract .item .name { height: 117px; margin: 2px; top: 148px; width: 117px; }
  #olive-and-babassu .sec-lineup .overview .extract .item .name-bg { height: 121px; padding: 2px; top: 148px; width: 121px; }
  #olive-and-babassu .sec-lineup .overview .extract .item .name-bg .inner { background-image: url("../../images/olive-and-babassu/overview_bg.png"); }
  #olive-and-babassu .sec-lineup .overview .extract .item .image { width: 400px; }
  #olive-and-babassu .sec-lineup .overview .extract .item:nth-child(1) .name { left: -38px; }
  #olive-and-babassu .sec-lineup .overview .extract .item:nth-child(1) .name-bg { left: -38px; }
  #olive-and-babassu .sec-lineup .overview .extract .item:nth-child(2) .name { right: -22px; }
  #olive-and-babassu .sec-lineup .overview .extract .item:nth-child(2) .name-bg { right: -22px; } }

#olive-and-babassu .sec-lineup__anchor-items { -ms-flex-align: center; -ms-flex-pack: justify; -webkit-box-align: center; -webkit-box-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin: 0 auto; position: relative; }

#olive-and-babassu .sec-lineup__anchor-items-li { line-height: 0; }

#olive-and-babassu .sec-lineup__anchor-items-li a { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 0; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup__anchor-items { margin-top: -28.28125vw; top: 28.28125vw; width: 85.9375vw; }
  #olive-and-babassu .sec-lineup__anchor-items-li { width: 40.625vw; }
  #olive-and-babassu .sec-lineup__anchor-items-li a { -webkit-box-shadow: 1.25vw 1.40625vw 0 rgba(98, 106, 77, 0.3); box-shadow: 1.25vw 1.40625vw 0 rgba(98, 106, 77, 0.3); position: relative; z-index: 1; }
  #olive-and-babassu .sec-lineup__anchor-items-li a img { height: 52.34375vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup__anchor-items { margin-top: -70px; top: 70px; width: 91.72662%; }
  #olive-and-babassu .sec-lineup__anchor-items-li { width: 48.03922%; }
  #olive-and-babassu .sec-lineup__anchor-items-li a { -webkit-box-shadow: 8px 9px 0 rgba(98, 106, 77, 0.3); box-shadow: 8px 9px 0 rgba(98, 106, 77, 0.3); display: block; position: relative; z-index: 1; } }

#olive-and-babassu .sec-lineup .lpbox { position: relative; }

#olive-and-babassu .sec-lineup .lpbox:before { background-image: url("../../images/olive-and-babassu/lineup_item-bg.png"); background-repeat: repeat; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 80%; z-index: -1; }

#olive-and-babassu .sec-lineup .lpbox.bg-right:before { left: auto; right: 0; }

#olive-and-babassu .sec-lineup .lpbox__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 1010px; padding: 0 20px; position: relative; width: 100%; z-index: 2; }

#olive-and-babassu .sec-lineup .lpbox__title { color: #fcf0ce; line-height: 0; margin: 0 auto; text-align: center; }

#olive-and-babassu .sec-lineup .lpbox__title .txt { display: block; line-height: 1; text-align: center; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox { margin-bottom: 12.1875vw; padding-bottom: 9.375vw; padding-top: 13.125vw; }
  #olive-and-babassu .sec-lineup .lpbox:before { width: 89.0625vw; }
  #olive-and-babassu .sec-lineup .lpbox__inner { padding: 0; }
  #olive-and-babassu .sec-lineup .lpbox__title { margin-bottom: 4.6875vw; width: 78.125vw; }
  #olive-and-babassu .sec-lineup .lpbox__title img { height: auto !important; width: 100% !important; }
  #olive-and-babassu .sec-lineup .lpbox__title .txt { font-size: 6.25vw; }
  #olive-and-babassu .sec-lineup .lpbox.lpbox1 .item1 .lpbox__child-fig img { height: 77.8125vw; }
  #olive-and-babassu .sec-lineup .lpbox.lpbox2 .item1 .lpbox__child-fig img { height: 68.4375vw; }
  #olive-and-babassu .sec-lineup .lpbox.lpbox3 .item1 .lpbox__child-fig img { height: 85.625vw; }
  #olive-and-babassu .sec-lineup .lpbox.lpbox3 .item2 .lpbox__child-fig img { height: 85vw; }
  #olive-and-babassu .sec-lineup .lpbox.lpbox3 .item3 .lpbox__child-fig img { height: 63.28125vw; }
  #olive-and-babassu .sec-lineup .lpbox.lpbox3 .item4 .lpbox__child-fig img { height: 86.71875vw; }
  #olive-and-babassu .sec-lineup .lpbox.special { margin-bottom: 0; }
  #olive-and-babassu .sec-lineup .lpbox.special .item1 .lpbox__child-fig img { height: 77.03125vw; }
  #olive-and-babassu .sec-lineup .lpbox.special .item2 .lpbox__child-fig img { height: 61.875vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox { margin-bottom: 80px; padding-bottom: 115px; padding-top: 84px; }
  #olive-and-babassu .sec-lineup .lpbox:before { background-size: 50%; width: calc( 50% + 365px); }
  #olive-and-babassu .sec-lineup .lpbox__title { margin-bottom: 38px; }
  #olive-and-babassu .sec-lineup .lpbox__title .txt { font-size: 32px; } }

#olive-and-babassu .sec-lineup .lpbox__frame { -webkit-box-shadow: 1.25vw 1.40625vw 0 rgba(98, 106, 77, 0.3); background-image: linear-gradient(120deg, #957036 0%, #e1c170 10%, #f0deab 25%, #e1c170 41%, #957036 50%, #e1c170 75%, #e1c170 100%); background-size: 100% 500%; box-shadow: 1.25vw 1.40625vw 0 rgba(98, 106, 77, 0.3); position: relative; z-index: 1; }

#olive-and-babassu .sec-lineup .lpbox__frame-inner { background-color: #f5eee8; position: relative; /* &:before,&:after{ content: ""; display: block; width: (136/540)*100%; height: 0; padding-top: (136/540)*100%; position: absolute; left: 0; top: 0; z-index: 3; background: url("../../images/olive-and-babassu/lineup_gold.png") no-repeat left top; background-size: (272/136)*100% (272/136)*100%; pointer-events: none; @include mq('sp') { } @include mq('notsp') { width: (136/960)*100%; padding-top: (136/960)*100%; background-size: (270/135)*100% (270/135)*100%; } } &:after{ right: 0; left: auto; bottom: 0; top: auto; background-position: right bottom; } */ }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__frame { margin-left: auto; margin-right: 3.125vw; padding: 0.78125vw; width: 85.9375vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__frame { -webkit-box-shadow: 8px 9px 0 rgba(98, 106, 77, 0.3); box-shadow: 8px 9px 0 rgba(98, 106, 77, 0.3); padding: 5px; position: relative; z-index: 1; } }

#olive-and-babassu .sec-lineup .lpbox.bg-right .lpbox__frame { margin-left: 3.125vw; margin-right: auto; }

#olive-and-babassu .sec-lineup .lpbox__child { color: #382e25; position: relative; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__child { padding: 4.6875vw 0 10.9375vw 0; }
  #olive-and-babassu .sec-lineup .lpbox__child-inner { margin: 0 auto; width: 78.125vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__child { padding: 0 10.10417% 0 3.125%; }
  #olive-and-babassu .sec-lineup .lpbox__child.item2 .lpbox__child-fig, #olive-and-babassu .sec-lineup .lpbox__child.item4 .lpbox__child-fig { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; }
  #olive-and-babassu .sec-lineup .lpbox__child.item2 .lpbox__child-txtarea, #olive-and-babassu .sec-lineup .lpbox__child.item4 .lpbox__child-txtarea { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; margin-left: 4.16667%; order: 1; } }

@media screen and (min-width: 768px) and (max-width: 1000px) { #olive-and-babassu .sec-lineup .lpbox__child { padding: 0 5.20833% 0 3.125%; } }

#olive-and-babassu .sec-lineup .lpbox__child-label { line-height: 0; position: absolute; z-index: 100; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__child-label { height: 20.46875vw; right: 3.125vw; top: 5.46875vw; width: 20.46875vw; }
  #olive-and-babassu .sec-lineup .lpbox__child-label img { height: 100% !important; width: 100% !important; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__child-label { right: 20px; top: 20px; } }

@media screen and (min-width: 768px) and (max-width: 1000px) { #olive-and-babassu .sec-lineup .lpbox__child-label { right: 1.80072%; top: 2.40096%; width: 11.40456%; }
  #olive-and-babassu .sec-lineup .lpbox__child-label img { height: auto !important; width: 100% !important; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__child-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } }

#olive-and-babassu .sec-lineup .lpbox__child-fig { line-height: 0; }

#olive-and-babassu .sec-lineup .lpbox__child-fig a { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__child-fig { width: 48.01921%; } }

#olive-and-babassu .sec-lineup .lpbox__child-txtarea { text-align: left; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__child-txtarea .summary { font-size: 4.0625vw; line-height: 1.53846; margin-bottom: 3.4375vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__child-txtarea { padding-bottom: 8.40336%; padding-top: 54px; width: 51.98079%; } }

@media screen and (min-width: 768px) and (max-width: 1000px) { #olive-and-babassu .sec-lineup .lpbox__child-fig { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }
  #olive-and-babassu .sec-lineup .lpbox__child-txtarea { -ms-flex: 1.35; -webkit-box-flex: 1.35; flex: 1.35; } }

#olive-and-babassu .sec-lineup .lpbox__child .headTxt { font-weight: 600; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__child .headTxt { font-size: 4.84375vw; font-weight: 700; letter-spacing: -.05rem; line-height: 1.5; margin-bottom: 5.15625vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__child .headTxt { font-size: 26px; line-height: 1.61538; margin-bottom: 19px; } }

#olive-and-babassu .sec-lineup .lpbox__child .summary { border-bottom: 1px solid #453722; font-family: 'Noto Sans JP',noto sans japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__child .summary { font-size: 4.0625vw; line-height: 1.53846; margin-bottom: 1.875vw; padding-bottom: 3.4375vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__child .summary { font-size: 16px; line-height: 1.875; margin-bottom: 19px; padding-bottom: 14px; } }

#olive-and-babassu .sec-lineup .lpbox__child .databox { font-family: 'Noto Sans JP',noto sans japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; }

#olive-and-babassu .sec-lineup .lpbox__child .databox__prop { font-weight: 700; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__child .databox__prop { font-size: 3.75vw; line-height: 1.66667; margin-bottom: 5vw; }
  #olive-and-babassu .sec-lineup .lpbox__child .databox__prop-price { font-size: 3.75vw; line-height: 1.17647; margin-left: 1.25vw; }
  #olive-and-babassu .sec-lineup .lpbox__child .databox__prop-price .yen { margin-right: 0.46875vw; }
  #olive-and-babassu .sec-lineup .lpbox__child .databox__prop-price .val { font-size: 5.3125vw; line-height: 1; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__child .databox__prop { font-size: 16px; line-height: 1.625; margin-bottom: 36px; }
  #olive-and-babassu .sec-lineup .lpbox__child .databox__prop-price { font-size: 14px; margin-left: 6px; }
  #olive-and-babassu .sec-lineup .lpbox__child .databox__prop-price .yen { margin-right: 2px; }
  #olive-and-babassu .sec-lineup .lpbox__child .databox__prop-price .val { font-size: 20px; line-height: 1; } }

#olive-and-babassu .sec-lineup .lpbox hr { background-color: #e8ca7b; border: none; height: 0.46875vw; line-height: 0; margin: 0 auto; width: 100%; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox hr { width: 78.125vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox hr { height: 3px; width: 94.27083%; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox.special:before { width: 100%; }
  #olive-and-babassu .sec-lineup .lpbox.special .lpbox__frame { -webkit-box-shadow: 1.25vw 1.40625vw 0 rgba(98, 106, 77, 0.3); box-shadow: 1.25vw 1.40625vw 0 rgba(98, 106, 77, 0.3); margin: 0 auto; margin-bottom: 5.78125vw; position: relative; z-index: 1; }
  #olive-and-babassu .sec-lineup .lpbox.special .lpbox__frame:last-child { margin-bottom: 0; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox.special { margin-bottom: 160px; padding-bottom: 0; }
  #olive-and-babassu .sec-lineup .lpbox.special:before { height: 78.5%; width: 100%; }
  #olive-and-babassu .sec-lineup .lpbox.special .lpbox__inner { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1160px; }
  #olive-and-babassu .sec-lineup .lpbox.special .lpbox__frame { width: 46.42857%; }
  #olive-and-babassu .sec-lineup .lpbox.special .lpbox__frame:first-child { margin-right: 7.14286%; }
  #olive-and-babassu .sec-lineup .lpbox.special .lpbox__frame-inner { height: 100%; }
  #olive-and-babassu .sec-lineup .lpbox.special .lpbox__child { padding: 3.92157% 11.56863% 11.76471% 11.56863%; }
  #olive-and-babassu .sec-lineup .lpbox.special .lpbox__child-flex { -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; flex-direction: column; }
  #olive-and-babassu .sec-lineup .lpbox.special .lpbox__child-fig { width: 100%; }
  #olive-and-babassu .sec-lineup .lpbox.special .lpbox__child-txtarea { padding-top: 0; width: 100%; }
  #olive-and-babassu .sec-lineup .lpbox.special .lpbox__child.item2 .lpbox__child-fig, #olive-and-babassu .sec-lineup .lpbox.special .lpbox__child.item4 .lpbox__child-fig { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
  #olive-and-babassu .sec-lineup .lpbox.special .lpbox__child.item2 .lpbox__child-txtarea, #olive-and-babassu .sec-lineup .lpbox.special .lpbox__child.item4 .lpbox__child-txtarea { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } }

@media screen and (min-width: 768px) and (max-width: 1000px) { #olive-and-babassu .sec-lineup .lpbox.special .lpbox__frame { width: 48.21429%; }
  #olive-and-babassu .sec-lineup .lpbox.special .lpbox__frame:first-child { margin-right: 3.57143%; }
  #olive-and-babassu .sec-lineup .lpbox.special .lpbox__child-label { width: 21.56863%; } }

#olive-and-babassu .sec-lineup .lpbox__bg { background: no-repeat left top; background-image: url("../../images/olive-and-babassu/lineup_item-deco_sp.png"); height: 100%; left: 0; position: absolute; right: auto; top: 0; width: 50%; z-index: -1; }

#olive-and-babassu .sec-lineup .lpbox__bg.bg-right { -ms-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); left: auto; right: 0; transform: scale(-1, 1); }

#olive-and-babassu .sec-lineup .lpbox__bg.bg-right .star-glitter1 { -webkit-animation-delay: .5s; animation-delay: .5s; }

#olive-and-babassu .sec-lineup .lpbox__bg.bg-right .star-glitter2 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

#olive-and-babassu .sec-lineup .lpbox__bg.bg-right .star-glitter3 { -webkit-animation-delay: .8s; animation-delay: .8s; }

#olive-and-babassu .sec-lineup .lpbox__bg.bg-right .star-glitterTwo1 { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; }

#olive-and-babassu .sec-lineup .lpbox__bg.bg-right .star-glitterTwo2 { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg.bg-right { -ms-transform: scale(-1, 1) translateX(-21.73611vw); -webkit-transform: scale(-1, 1) translateX(-21.73611vw); transform: scale(-1, 1) translateX(-21.73611vw); } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg { background-size: 200% auto; width: 50%; }
  #olive-and-babassu .sec-lineup .lpbox__bg.bg-right { -ms-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); left: auto; right: 0; transform: scale(-1, 1); } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg { -ms-transform: translateX(-21.73611vw); -webkit-transform: translateX(-21.73611vw); background-image: url("../../images/olive-and-babassu/lineup_item-deco.png"); height: 230px; left: auto; right: 50%; transform: translateX(-21.73611vw); width: 600px; }
  #olive-and-babassu .sec-lineup .lpbox__bg.bg-right { left: 50%; right: auto; } }

#olive-and-babassu .sec-lineup .lpbox__bg .star-glitter { -webkit-animation: fadeStars 8s infinite linear; animation: fadeStars 8s infinite linear; display: block; height: 0px; opacity: 0; position: absolute; width: 0px; will-change: transform, opacity; }

#olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo { -webkit-animation: fadeStars 9s infinite linear; animation: fadeStars 9s infinite linear; opacity: 0; will-change: transform, opacity; }

#olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo .inner { display: block; height: 0px; position: absolute; width: 0px; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 { -ms-transform: rotate(0deg); -webkit-animation-delay: 0.3s; -webkit-transform: rotate(0deg); animation-delay: 0.3s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 { left: 7.5vw; top: 22.65625vw; } }

@media screen and (max-width: 767px) and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 { left: 8%; top: 63.04348%; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child { -ms-transform: scale(0.3); -webkit-transform: scale(0.3); display: block; left: 0; position: absolute; top: 0; transform: scale(0.3); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child::after, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child::before { z-index: 0; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child _:-ms-lang(x), #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child::before, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 { -ms-transform: rotate(0deg); -webkit-animation-delay: 0.3s; -webkit-transform: rotate(0deg); animation-delay: 0.3s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 { left: 49.6875vw; top: 15.625vw; } }

@media screen and (min-width: 768px) and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 { left: 53%; top: 43.47826%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child { -ms-transform: scale(0.5); -webkit-transform: scale(0.5); display: block; left: 0; position: absolute; top: 0; transform: scale(0.5); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child::after, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child::before { z-index: 0; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child _:-ms-lang(x), #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child::before, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter1 .child.child1 { display: none; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.1s; -webkit-transform: rotate(0deg); animation-delay: 1.1s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 { left: 14.53125vw; top: 9.0625vw; } }

@media screen and (max-width: 767px) and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 { left: 15.5%; top: 25.21739%; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child { -ms-transform: scale(0.2); -webkit-transform: scale(0.2); display: block; left: 0; position: absolute; top: 0; transform: scale(0.2); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child::after, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child::before { z-index: 0; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child _:-ms-lang(x), #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child::before, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 255, 255, 0.2), 0px 0px 15px 4px white; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, white 50%, rgba(255, 255, 255, 0.1) 90%, rgba(255, 255, 255, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.1s; -webkit-transform: rotate(0deg); animation-delay: 1.1s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 { left: 75.15625vw; top: 22.1875vw; } }

@media screen and (min-width: 768px) and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 { left: 80.16667%; top: 61.73913%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child { -ms-transform: scale(0.3); -webkit-transform: scale(0.3); display: block; left: 0; position: absolute; top: 0; transform: scale(0.3); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child::after, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child::before { z-index: 0; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child _:-ms-lang(x), #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child::before, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 255, 255, 0.2), 0px 0px 15px 4px white; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 10%, white 50%, rgba(255, 255, 255, 0.1) 90%, rgba(255, 255, 255, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 255, 255, 0.8), 0px 0px 0.4px 0 rgba(255, 255, 255, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter2 .child.child1 { display: none; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.5s; -webkit-transform: rotate(0deg); animation-delay: 1.5s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 { left: 3.125vw; top: 48.28125vw; } }

@media screen and (max-width: 767px) and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 { left: 3.33333%; top: 134.34783%; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child { -ms-transform: scale(0.2); -webkit-transform: scale(0.2); display: block; left: 0; position: absolute; top: 0; transform: scale(0.2); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child::after, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child::before { z-index: 0; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child _:-ms-lang(x), #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child::before, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child.child1 { display: none; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 { -ms-transform: rotate(0deg); -webkit-animation-delay: 1.5s; -webkit-transform: rotate(0deg); animation-delay: 1.5s; height: 0; position: absolute; transform: rotate(0deg); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 { left: 86.25vw; top: 13.90625vw; } }

@media screen and (min-width: 768px) and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 { left: 92%; top: 38.69565%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child { -ms-transform: scale(0.28); -webkit-transform: scale(0.28); display: block; left: 0; position: absolute; top: 0; transform: scale(0.28); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child::after, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child::before { -moz-filter: blur(23.07692px) !important; -ms-filter: blur(23.07692px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(23.07692px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='23.07692' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='23.07692'); filter: blur(23.07692px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 3; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child::before { z-index: 0; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 22.5px; width: 22.5px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child _:-ms-lang(x), #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child::before, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1.5px 0px rgba(255, 243, 193, 0.8), 0px 0px 0.4px 0 rgba(255, 243, 193, 0.4); content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; z-index: 2; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child .c2 { -ms-transform: translate(-50%, -50%) rotate(60deg); -webkit-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child .c3 { -ms-transform: translate(-50%, -50%) rotate(-60deg); -webkit-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitter3 .child.child1 { display: none; } }

#olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo .inner { display: block; height: 0px; position: absolute; width: 0px; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner { -ms-transform: scale(0.12) rotate(45deg); -ms-transform: rotate(45deg) scale(0.12); -webkit-transform: scale(0.12) rotate(45deg); -webkit-transform: rotate(45deg) scale(0.12); display: block; height: 0; position: absolute; transform: scale(0.12) rotate(45deg); transform: rotate(45deg) scale(0.12); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner { left: 17.8125vw; top: 20.9375vw; } }

@media screen and (max-width: 767px) and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner { left: 19%; top: 58.26087%; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner::after, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner _:-ms-lang(x), #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner::before, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner { -ms-transform: scale(0.3) rotate(45deg); -ms-transform: rotate(45deg) scale(0.3); -webkit-transform: scale(0.3) rotate(45deg); -webkit-transform: rotate(45deg) scale(0.3); display: block; height: 0; position: absolute; transform: scale(0.3) rotate(45deg); transform: rotate(45deg) scale(0.3); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner { left: 60.9375vw; top: 23.90625vw; } }

@media screen and (min-width: 768px) and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner { left: 65%; top: 66.52174%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner::after, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner _:-ms-lang(x), #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner::before, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo1 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner { -ms-transform: scale(0.16) rotate(52deg); -ms-transform: rotate(45deg) scale(0.16); -webkit-transform: scale(0.16) rotate(52deg); -webkit-transform: rotate(45deg) scale(0.16); display: block; height: 0; position: absolute; transform: scale(0.16) rotate(52deg); transform: rotate(45deg) scale(0.16); width: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner { left: 6.25vw; top: 37.8125vw; } }

@media screen and (max-width: 767px) and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner { left: 6.66667%; top: 105.21739%; } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner::after, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner _:-ms-lang(x), #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner::before, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner { -ms-transform: scale(0.4) rotate(52deg); -ms-transform: rotate(45deg) scale(0.4); -webkit-transform: scale(0.4) rotate(52deg); -webkit-transform: rotate(45deg) scale(0.4); display: block; height: 0; position: absolute; transform: scale(0.4) rotate(52deg); transform: rotate(45deg) scale(0.4); width: 0; } }

@media screen and (min-width: 768px) and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner { left: 67.96875vw; top: 30vw; } }

@media screen and (min-width: 768px) and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner { left: 72.5%; top: 83.47826%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner::after, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner::before { -moz-filter: blur(15px) !important; -ms-filter: blur(15px) !important; -ms-transform: translate(-50%, -50%); -webkit-filter: blur(15px) !important; -webkit-transform: translate(-50%, -50%); background: #fff3c1; border-radius: 100%; content: ""; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='15' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15'); filter: blur(15px); height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner::after { -moz-filter: blur(4.5px) !important; -ms-filter: blur(4.5px) !important; -webkit-filter: blur(4.5px) !important; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='4.5' /></filter></svg>#blur"); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4.5'); filter: blur(4.5px); height: 30px; width: 30px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner _:-ms-lang(x), #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner::before, #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner::after { box-shadow: 0px 0px 20px 20px rgba(255, 243, 193, 0.2), 0px 0px 15px 4px #fff3c1; height: 12.85714px; width: 12.85714px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner > span { -ms-flex-align: center; -ms-flex-pack: center; -ms-transform: translate(-50%, -50%) rotate(0deg); -webkit-box-align: center; -webkit-box-pack: center; -webkit-transform: translate(-50%, -50%) rotate(0deg); align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 10px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner > span::after { -ms-transform: scale(0.5, 25) rotate(45deg); -webkit-box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); -webkit-transform: scale(0.5, 25) rotate(45deg); background: linear-gradient(135deg, rgba(255, 243, 193, 0) 0%, rgba(255, 243, 193, 0.1) 10%, #fff3c1 50%, rgba(255, 243, 193, 0.1) 90%, rgba(255, 243, 193, 0) 100%); box-shadow: 0px 0px 1px 0px rgba(255, 243, 193, 0.8); /* offset-x | offset-y | blur-radius | spread-radius | color */ content: ""; height: 5px; left: 0; position: relative; top: -5px; transform: scale(0.5, 25) rotate(45deg); width: 5px; }
  #olive-and-babassu .sec-lineup .lpbox__bg .star-glitterTwo2 .inner .c2 { -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-lineup .lpbox.bg-right .lpbox__bg { background-position: right top; left: auto; right: 0; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-lineup .lpbox.bg-right .lpbox__bg { -ms-transform: translateX(21.73611vw) scale(-1, 1); -webkit-transform: translateX(21.73611vw) scale(-1, 1); left: 50%; right: auto; transform: translateX(21.73611vw) scale(-1, 1); } }

/*
--------------------------------------------------------------
 Item Set
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
 Set Area
--------------------------------------------------------------
*/
#olive-and-babassu .sec-gift { color: #fcf0ce; margin: 0 auto; max-width: 1200px; width: 100%; }

#olive-and-babassu .sec-gift__inner { -webkit-box-sizing: border-box; background-color: #524532; background-image: url("../../images/olive-and-babassu/itemset_bg.png"); background-repeat: repeat; box-sizing: border-box; margin: 0 auto; position: relative; width: 100%; }

#olive-and-babassu .sec-gift__inner:before, #olive-and-babassu .sec-gift__inner:after { background: no-repeat left top; background-image: url("../../images/olive-and-babassu/itemset_gold_sp.png"); content: ""; display: block; left: 0; position: absolute; top: 0; width: 50%; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-gift__inner:before, #olive-and-babassu .sec-gift__inner:after { background-size: cover; height: 23.4375vw; width: 100%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-gift__inner:before, #olive-and-babassu .sec-gift__inner:after { background-image: url("../../images/olive-and-babassu/itemset_gold.png"); background-size: 200%; height: 0px; padding-top: 11.74497%; width: 25.16779%; } }

#olive-and-babassu .sec-gift__inner:after { background-position: right top; left: auto; right: 0; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-gift__inner:after { display: none; } }

#olive-and-babassu .sec-gift__title { -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; line-height: 0; }

#olive-and-babassu .sec-gift__title .txt { line-height: 1; }

#olive-and-babassu .sec-gift .miracleBanner__inner { padding: 0; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-gift { margin-bottom: 4.375vw; padding: 0.46875vw; width: 93.75vw; }
  #olive-and-babassu .sec-gift__inner { background-size: 80%; padding: 7.03125vw 2.65625vw 2.8125vw 2.65625vw; }
  #olive-and-babassu .sec-gift__title { margin-bottom: 4.21875vw; }
  #olive-and-babassu .sec-gift__title .txt { font-size: 6.25vw; line-height: 1.5; }
  #olive-and-babassu .sec-gift .miracleBanner { padding-bottom: 4.0625vw; padding-top: 0; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-gift { margin-bottom: 110px; }
  #olive-and-babassu .sec-gift__inner { padding: 80px 7.21477% 80px 7.21477%; }
  #olive-and-babassu .sec-gift__title { margin-bottom: 55px; }
  #olive-and-babassu .sec-gift__title img { height: 79px !important; width: 370px !important; }
  #olive-and-babassu .sec-gift__title .txt { font-size: 36px; margin-right: -10px; }
  #olive-and-babassu .sec-gift .miracleBanner { padding-bottom: 35px; padding-top: 0; } }

#olive-and-babassu .sec-gift .lpbox { background-color: #f5eee8; color: #382e25; position: relative; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-gift .lpbox { padding: 6.71875vw 4.53125vw 10.9375vw 4.53125vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-gift .lpbox { padding: 6.66667% 0 5.39216% 0; } }

#olive-and-babassu .sec-gift .lpbox__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; width: 100%; }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-gift .lpbox__inner { max-width: 870px; padding: 0 20px; } }

#olive-and-babassu .sec-gift .lpbox__wrap { position: relative; }

#olive-and-babassu .sec-gift .lpbox__wrap:last-child { margin-bottom: 0; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-gift .lpbox__wrap { margin-bottom: 9.375vw; }
  #olive-and-babassu .sec-gift .lpbox__wrap-inner { display: block; }
  #olive-and-babassu .sec-gift .lpbox__wrap.item1 .lpbox__fig img { height: 63.125vw; }
  #olive-and-babassu .sec-gift .lpbox__wrap.item2 .lpbox__fig img { height: 60vw; }
  #olive-and-babassu .sec-gift .lpbox__wrap.item3 .lpbox__fig img { height: 60vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-gift .lpbox__wrap { margin-bottom: 80px; padding: 0; }
  #olive-and-babassu .sec-gift .lpbox__wrap-inner { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-gift .lpbox__flex { display: -webkit-box; display: -ms-flexbox; display: flex; } }

#olive-and-babassu .sec-gift .lpbox__label { border-bottom: solid 1px #453722; font-weight: 600; letter-spacing: -0.05rem; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-gift .lpbox__label { font-size: 5vw; line-height: 1.5; margin-bottom: 6.25vw; padding-bottom: 2.03125vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-gift .lpbox__label { font-size: 30px; line-height: 1.4; margin-bottom: 34px; padding-bottom: 17px; } }

#olive-and-babassu .sec-gift .lpbox__fig { line-height: 0; }

#olive-and-babassu .sec-gift .lpbox__fig a { width: 100%; }

#olive-and-babassu .sec-gift .lpbox__fig a img { height: auto; width: 100%; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-gift .lpbox__fig { display: block; position: relative; width: 100%; z-index: 99; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-gift .lpbox__fig { margin-left: 1.92771%; max-width: 400px; width: 48.19277%; } }

#olive-and-babassu .sec-gift .lpbox__txtarea { font-family: 'Noto Sans JP',noto sans japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; text-align: left; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-gift .lpbox__txtarea { width: 100%; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-gift .lpbox__txtarea { margin-left: auto; margin-right: 5.54217%; margin-top: 25px; max-width: 350px; width: 42.16867%; } }

#olive-and-babassu .sec-gift .lpbox__txtarea .prodProp { font-weight: 500; }

#olive-and-babassu .sec-gift .lpbox__txtarea .prodProp .prodSize { font-weight: 400; }

#olive-and-babassu .sec-gift .lpbox__txtarea .prodProp .prodPrice { font-weight: 700; line-height: 1; }

#olive-and-babassu .sec-gift .lpbox__txtarea .btn-lineup img { height: auto; width: 100%; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-gift .lpbox__txtarea .prodProp { margin-bottom: 5.625vw; }
  #olive-and-babassu .sec-gift .lpbox__txtarea .prodProp .prodSize { display: block; font-size: 3.75vw; line-height: 1.5; margin-bottom: 3.28125vw; }
  #olive-and-babassu .sec-gift .lpbox__txtarea .prodProp .prodPrice { font-size: 3.75vw; line-height: 1; }
  #olive-and-babassu .sec-gift .lpbox__txtarea .prodProp .prodPrice .val { font-size: 5.3125vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-gift .lpbox__txtarea .prodProp { line-height: 1.875; margin-bottom: 27px; }
  #olive-and-babassu .sec-gift .lpbox__txtarea .prodProp .prodSize { display: block; font-size: 14px; line-height: 1.71429; margin-bottom: 16px; }
  #olive-and-babassu .sec-gift .lpbox__txtarea .prodProp .prodPrice { font-size: 14px; }
  #olive-and-babassu .sec-gift .lpbox__txtarea .prodProp .prodPrice .special { font-size: 16px; }
  #olive-and-babassu .sec-gift .lpbox__txtarea .prodProp .prodPrice .val { font-size: 20px; } }

#olive-and-babassu .sec-gift .lpbox__name { font-weight: 600; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-gift .lpbox__name { font-size: 4.0625vw; line-height: 1.53846; margin-bottom: 3.28125vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-gift .lpbox__name { font-size: 16px; line-height: 1.75; margin-bottom: 9px; } }

#olive-and-babassu .sec-gift .lpbox .icons { -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }

#olive-and-babassu .sec-gift .lpbox .icons li { -ms-flex-pack: center; -webkit-box-pack: center; border: solid 1px #916e3c; color: #916e3c; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; line-height: 1; text-align: center; white-space: nowrap; }

#olive-and-babassu .sec-gift .lpbox .icons li.icn_weblim { border: solid 1px #db2b23; color: #db2b23; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-gift .lpbox .icons { -ms-flex-align: center; -webkit-box-align: center; align-items: center; margin-bottom: 1.71875vw; position: relative; width: 100%; z-index: 100; }
  #olive-and-babassu .sec-gift .lpbox .icons li { -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2.8125vw; height: 6.09375vw; margin-right: 2.34375vw; padding: 0 3.125vw; white-space: nowrap; }
  #olive-and-babassu .sec-gift .lpbox .icons li:last-child { margin-right: 0; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-gift .lpbox .icons { margin-bottom: 15px; }
  #olive-and-babassu .sec-gift .lpbox .icons li { font-size: 12px; margin-right: 1.5%; padding: 6px 3%; } }

/*
--------------------------------------------------------------
 Bottom Button
--------------------------------------------------------------
*/
#olive-and-babassu .sec-bottom { overflow: visible; }

#olive-and-babassu .sec-bottom__inner { margin: 0 auto; width: 100%; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-bottom { padding-bottom: 9.6875vw; }
  #olive-and-babassu .sec-bottom__inner { width: 93.75vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-bottom { padding-bottom: 100px; }
  #olive-and-babassu .sec-bottom__inner { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1060px; padding: 0 20px; } }

#olive-and-babassu .sec-bottom .present { position: relative; }

#olive-and-babassu .sec-bottom .present__inner { -ms-flex-align: center; -webkit-box-align: center; align-items: center; background-color: #f5eee8; background-repeat: no-repeat; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }

#olive-and-babassu .sec-bottom .present__title { line-height: 0; }

#olive-and-babassu .sec-bottom .present__text { font-family: noto sans japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; text-align: left; }

#olive-and-babassu .sec-bottom .present__fig img { -webkit-animation: imgFuwa2 3s ease-in-out infinite; animation: imgFuwa2 3s ease-in-out infinite; will-change: transform; }

@media screen and (max-width: 767px) { #olive-and-babassu .sec-bottom .present { margin-bottom: 9.375vw; padding: 0.625vw; }
  #olive-and-babassu .sec-bottom .present__inner { -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; background-image: url("../../images/olive-and-babassu/present_bg_sp.png"); flex-direction: column; padding: 5.78125vw 0 3.28125vw; }
  #olive-and-babassu .sec-bottom .present__title { margin-bottom: 2.96875vw; }
  #olive-and-babassu .sec-bottom .present__title img { height: 10.9375vw; width: 44.0625vw; }
  #olive-and-babassu .sec-bottom .present__text { font-size: 4.0625vw; line-height: 1.30769; margin-bottom: 3.59375vw; }
  #olive-and-babassu .sec-bottom .present__fig { height: 36.5625vw; width: 40.9375vw; } }

@media screen and (min-width: 768px) { #olive-and-babassu .sec-bottom .present { margin-bottom: 70px; }
  #olive-and-babassu .sec-bottom .present__inner { background-image: url("../../images/olive-and-babassu/present_bg.png"); padding: 3.26087% 0 3.95257%; }
  #olive-and-babassu .sec-bottom .present__title { width: 34.58498%; }
  #olive-and-babassu .sec-bottom .present__title img { height: auto !important; width: 58.57143% !important; }
  #olive-and-babassu .sec-bottom .present__text { font-size: 16px; line-height: 1.75; white-space: nowrap; width: 34.58498%; }
  #olive-and-babassu .sec-bottom .present__fig { -ms-transform: translateY(-62.8866%); -webkit-transform: translateY(-62.8866%); position: absolute; right: 5.13834%; top: 50%; transform: translateY(-62.8866%); width: 21.73913%; }
  #olive-and-babassu .sec-bottom .present__fig img { height: auto; width: 100%; } }

@media screen and (min-width: 768px) and (max-width: 950px) { #olive-and-babassu .sec-bottom .present__title { width: 27.66798%; }
  #olive-and-babassu .sec-bottom .present__title img { height: auto !important; width: 58.57143% !important; }
  #olive-and-babassu .sec-bottom .present__text { width: 34.58498%; }
  #olive-and-babassu .sec-bottom .present__fig { right: 2.96443%; width: 180px !important; } }

/*
--------------------------------------------------------------
 Movie
--------------------------------------------------------------
*/