.invisible.visible {
  visibility: visible !important; }

.spotlight-item-view .container {
  overflow-x: visible; }

.flex-media {
  display: flex;
  align-items: flex-start; }

.flex-media .body {
  flex: 1; }

.border-main-color {
  border: 2px solid var(--main-color); }

.border-main-bottom {
  border-bottom: 10px solid var(--main-color); }

.w-20 {
  width: 20% !important; }

.mw-100vw {
  max-width: 100vw; }

.mw-1440px {
  max-width: 1440px; }

.mw-1280px {
  max-width: 1280px; }

.mw-1140px {
  max-width: 1140px; }

.mw-1000px {
  max-width: 1000px; }

.text-fat {
  transform: scale(1, 0.85); }

ul.disc-ul,
ul.outline-ul {
  padding-left: 9%; }
  ul.disc-ul li,
  ul.outline-ul li {
    position: relative; }
    ul.disc-ul li:before,
    ul.outline-ul li:before {
      content: '\25CF';
      position: absolute;
      margin-left: -9%; }

ul.outline-ul li {
  position: relative; }
  ul.outline-ul li:before {
    content: '\25E6'; }

ul.dash-ul {
  padding-left: 4%; }
  ul.dash-ul li {
    position: relative; }
    ul.dash-ul li:before {
      content: '-';
      position: absolute;
      margin-left: -4%; }

.over-width {
  margin-left: calc(-1 * (50vw - 360px));
  margin-right: calc(-1 * (50vw - 360px)); }

@media (max-width: 991px) {
  .over-width {
    margin-left: calc(-1 * (50vw - 285px));
    margin-right: calc(-1 * (50vw - 285px)); } }

@media (max-width: 600px) {
  .over-width {
    margin-left: -15px;
    margin-right: -15px; } }

@media (max-width: 581px) {
  .over-width .container .wrapper {
    max-width: 100vw; }
  .over-width > .container > .wrapper:not(.px-0) {
    padding-left: 1rem !important;
    padding-right: 1rem !important; } }

br[d] {
  display: inline; }
  @media (max-width: 767px) {
    br[d] {
      display: none; } }

br[m] {
  display: none; }
  @media (max-width: 767px) {
    br[m] {
      display: inline; } }

hr[v] {
  border: none;
  border-left-style: solid;
  border-left-width: 1px;
  height: 100%;
  min-height: 2rem;
  width: 1px; }

.between-line {
  display: inline-block;
  position: relative; }
  .between-line:before, .between-line:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid black;
    top: 50%;
    width: 50vw; }
  .between-line:before {
    right: 100%;
    margin-right: 15px; }
  .between-line:after {
    left: 100%;
    margin-left: 15px; }

.square-box {
  position: relative; }
  .square-box:before {
    content: "";
    display: block;
    padding-top: 100%; }
  .square-box .content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #1B202F;
    text-align: center; }

.text-bold {
  font-weight: bold; }
  @supports (-webkit-overflow-scrolling: touch) {
    .text-bold {
      -webkit-font-smoothing: antialiased; } }

.flex-center-center {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center; }

#jovina-content {
  display: block;
  min-height: 100vh;
  color: #965E2C; }
  #jovina-content .mw-1440px {
    display: flex;
    flex-flow: column;
    overflow: hidden; }
    #jovina-content .mw-1440px > div {
      background-position: center top;
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-color: transparent;
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: top center;
      box-sizing: border-box;
      text-align: center;
      overflow: visible;
      position: relative; }
      @media (min-width: 1440px) {
        #jovina-content .mw-1440px > div {
          background-size: 1440px auto; } }
      #jovina-content .mw-1440px > div h1.jovina-logo {
        text-indent: -3000px;
        color: transparent;
        background: center no-repeat transparent;
        background-size: contain !important;
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/jovina-cosmetics@2x.png"); }
        @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
          #jovina-content .mw-1440px > div h1.jovina-logo {
            background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/jovina-cosmetics@2x.webp"); } }
        @media (max-width: 767px) {
          #jovina-content .mw-1440px > div h1.jovina-logo {
            background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/jovina-cosmetics.png"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #jovina-content .mw-1440px > div h1.jovina-logo {
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/jovina-cosmetics.webp"); } }
      #jovina-content .mw-1440px > div blockquote.lines {
        font-family: 'DB-Heavent-reg' !important;
        display: inline-flex;
        flex-flow: column;
        align-items: center;
        line-height: 1; }
        #jovina-content .mw-1440px > div blockquote.lines strong {
          font-family: 'DB-Heavent-li' !important;
          display: grid;
          align-items: center;
          line-height: 1.1;
          background: linear-gradient(90deg, #d0ad6a 0%, #dabb7f 2.8%, #e9d19f 9.1%, #f4e0b6 20.5%, #fbeac4 31.5%, #fdedc9 41.8%, #fcebc6 50.8%, #f7e4bc 63.4%, #efd9ac 73%, #e4ca95 81.6%, #d6b678 89.6%, #d0ad6a 100%);
          font-weight: normal;
          width: 100%; }
      #jovina-content .mw-1440px > div .w-bg-gra-btm {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.957) 33.5%, white 100%);
        position: relative; }
        #jovina-content .mw-1440px > div .w-bg-gra-btm:after {
          height: calc(100vw * 24/1440);
          content: '';
          display: block;
          background: linear-gradient(90deg, #d0ad6a 0%, #dabb7f 2.8%, #e9d19f 9.1%, #f4e0b6 20.5%, #fbeac4 31.5%, #fdedc9 41.8%, #fcebc6 50.8%, #f7e4bc 63.4%, #efd9ac 73%, #e4ca95 81.6%, #d6b678 89.6%, #d0ad6a 100%);
          width: 100%;
          position: absolute;
          left: 0;
          bottom: 0; }
          @media (min-width: 1440px) {
            #jovina-content .mw-1440px > div .w-bg-gra-btm:after {
              height: 24px; } }
          @media (max-width: 767px) {
            #jovina-content .mw-1440px > div .w-bg-gra-btm:after {
              height: calc(100vw * 12/375); } }
      #jovina-content .mw-1440px > div .btn-user-review {
        font-family: 'DB-Heavent-med' !important;
        width: calc(100vw * 190/1440);
        height: calc(100vw * 54/1440);
        font-size: calc(100vw * 35/1440);
        background: linear-gradient(90deg, #ab723b 0%, #fcd391 54.2%, #ab723b 100%);
        color: white;
        display: grid;
        place-items: center;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 101; }
        @media (min-width: 1440px) {
          #jovina-content .mw-1440px > div .btn-user-review {
            width: 190px;
            height: 54px;
            font-size: 35px; } }
        @media (max-width: 767px) {
          #jovina-content .mw-1440px > div .btn-user-review {
            width: calc(100vw * 80/375);
            height: calc(100vw * 28/375);
            font-size: calc(100vw * 20/375); } }
  #jovina-content #cover {
    background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/cover-bg.jpg"); }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #jovina-content #cover {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/cover-bg.webp"); } }
    @media (max-width: 767px) {
      #jovina-content #cover {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/cover-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #jovina-content #cover {
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/cover-bg.webp"); } }
  #jovina-content #sec-1 {
    background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-1-bg.jpg"); }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #jovina-content #sec-1 {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-1-bg.webp"); } }
    @media (max-width: 767px) {
      #jovina-content #sec-1 {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-1-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #jovina-content #sec-1 {
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-1-bg.webp"); } }
  #jovina-content #sec-2 {
    background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-2-bg.jpg"); }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #jovina-content #sec-2 {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-2-bg.webp"); } }
    @media (max-width: 767px) {
      #jovina-content #sec-2 {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-2-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #jovina-content #sec-2 {
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-2-bg.webp"); } }
  #jovina-content #sec-3 {
    background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-3-bg.jpg"); }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #jovina-content #sec-3 {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-3-bg.webp"); } }
    @media (max-width: 767px) {
      #jovina-content #sec-3 {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-3-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #jovina-content #sec-3 {
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-3-bg.webp"); } }
  #jovina-content #sec-4 {
    background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-4-bg.jpg"); }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #jovina-content #sec-4 {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-4-bg.webp"); } }
    @media (max-width: 767px) {
      #jovina-content #sec-4 {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-4-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #jovina-content #sec-4 {
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-4-bg.webp"); } }
  #jovina-content #sec-5 {
    background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-5-bg.jpg"); }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #jovina-content #sec-5 {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-5-bg.webp"); } }
    @media (max-width: 767px) {
      #jovina-content #sec-5 {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-5-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #jovina-content #sec-5 {
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-5-bg.webp"); } }
  #jovina-content #sec-6 {
    background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-6-bg.jpg"); }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #jovina-content #sec-6 {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-6-bg.webp"); } }
    @media (max-width: 767px) {
      #jovina-content #sec-6 {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-6-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #jovina-content #sec-6 {
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-6-bg.webp"); } }
  #jovina-content #sec-7 {
    background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-7-bg.jpg"); }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #jovina-content #sec-7 {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-7-bg.webp"); } }
    @media (max-width: 767px) {
      #jovina-content #sec-7 {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-7-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #jovina-content #sec-7 {
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-7-bg.webp"); } }
  #jovina-content #cover {
    height: calc(100vw * 1315/1440);
    padding-top: calc(100vw * 24/1440); }
    @media (min-width: 1440px) {
      #jovina-content #cover {
        height: 1315px;
        padding-top: 24px; } }
    @media (max-width: 767px) {
      #jovina-content #cover {
        height: calc(100vw * 460/375);
        padding-top: calc(100vw * 8/375); } }
    #jovina-content #cover h1.jovina-logo {
      width: calc(100vw * 146/1440);
      height: calc(100vw * 39/1440);
      margin-left: calc(100vw * 1240/1440);
      margin-right: auto; }
      @media (min-width: 1440px) {
        #jovina-content #cover h1.jovina-logo {
          width: 146px;
          height: 39px;
          margin-left: 1240px; } }
      @media (max-width: 767px) {
        #jovina-content #cover h1.jovina-logo {
          width: calc(100vw * 77/375);
          height: calc(100vw * 20/375);
          margin-left: calc(100vw * 285/375); } }
    #jovina-content #cover h2 {
      text-indent: -3000px;
      color: transparent;
      background: center no-repeat transparent;
      background-size: contain !important;
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/jovina-perfect-skin-set_@2x.png");
      width: calc(100vw * 751/1440);
      height: calc(100vw * 202/1440);
      margin-top: calc(100vw * 100/1440); }
      @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        #jovina-content #cover h2 {
          background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/jovina-perfect-skin-set_@2x.webp"); } }
      @media (max-width: 767px) {
        #jovina-content #cover h2 {
          background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/jovina-perfect-skin-set_.png"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #jovina-content #cover h2 {
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/jovina-perfect-skin-set_.webp"); } }
      @media (min-width: 1440px) {
        #jovina-content #cover h2 {
          width: 751px;
          height: 202px;
          margin-top: 100px; } }
      @media (max-width: 767px) {
        #jovina-content #cover h2 {
          width: calc(100vw * 269/375);
          height: calc(100vw * 73/375);
          margin-top: calc(100vw * 25/375); } }
    #jovina-content #cover hr {
      border: none !important;
      background: linear-gradient(90deg, #d0ad6a 0%, #dabb7f 2.8%, #e9d19f 9.1%, #f4e0b6 20.5%, #fbeac4 31.5%, #fdedc9 41.8%, #fcebc6 50.8%, #f7e4bc 63.4%, #efd9ac 73%, #e4ca95 81.6%, #d6b678 89.6%, #d0ad6a 100%);
      width: calc(100vw * 751/1440);
      height: calc(100vw * 3/1440);
      margin-top: calc(100vw * 20/1440);
      margin-bottom: calc(100vw * 10/1440); }
      @media (min-width: 1440px) {
        #jovina-content #cover hr {
          width: 751px;
          height: 3px;
          margin-top: 20px;
          margin-bottom: 10px; } }
      @media (max-width: 767px) {
        #jovina-content #cover hr {
          width: calc(100vw * 269/375);
          height: calc(100vw * 2/375);
          margin-top: calc(100vw * 5/375);
          margin-bottom: calc(100vw * 3/375); } }
    #jovina-content #cover h2, #jovina-content #cover hr, #jovina-content #cover blockquote {
      margin-left: auto;
      margin-right: auto; }
    #jovina-content #cover blockquote.lines {
      font-size: calc(100vw * 93/1440); }
      @media (min-width: 1440px) {
        #jovina-content #cover blockquote.lines {
          font-size: 93px; } }
      @media (max-width: 767px) {
        #jovina-content #cover blockquote.lines {
          font-size: calc(100vw * 31/375); } }
      #jovina-content #cover blockquote.lines strong {
        font-size: calc(100vw * 74/1440);
        height: calc(100vw * 81/1440); }
        @media (min-width: 1440px) {
          #jovina-content #cover blockquote.lines strong {
            font-size: 74px; } }
        @media (max-width: 767px) {
          #jovina-content #cover blockquote.lines strong {
            font-size: calc(100vw * 25/375); } }
        @media (min-width: 1440px) {
          #jovina-content #cover blockquote.lines strong {
            height: 81px; } }
        @media (max-width: 767px) {
          #jovina-content #cover blockquote.lines strong {
            height: calc(100vw * 28/375); } }
  #jovina-content #sec-1 {
    height: calc(100vw * 1945/1440);
    padding-top: calc(100vw * 125/1440); }
    @media (min-width: 1440px) {
      #jovina-content #sec-1 {
        height: 1945px;
        padding-top: 125px; } }
    @media (max-width: 767px) {
      #jovina-content #sec-1 {
        height: calc(100vw * 1179/375);
        padding-top: calc(100vw * 56/375); } }
    #jovina-content #sec-1 blockquote {
      text-indent: -3000px;
      color: transparent;
      background: center no-repeat transparent;
      background-size: contain !important;
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/your-color-your-beauty_.svg");
      width: calc(100vw * 496.76/1440);
      height: calc(100vw * 150.55/1440); }
      @media (min-width: 1440px) {
        #jovina-content #sec-1 blockquote {
          width: 496.76px;
          height: 150.55px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-1 blockquote {
          width: calc(100vw * 231.45/375);
          height: calc(100vw * 72.15/375); } }
    #jovina-content #sec-1 ul {
      font-family: 'DB-Heavent-reg' !important;
      font-size: calc(100vw * 45/1440);
      margin-top: calc(100vw * 32/1440);
      margin-bottom: calc(100vw * 24/1440);
      list-style: none;
      display: inline-flex;
      flex-flow: row wrap; }
      @media (min-width: 1440px) {
        #jovina-content #sec-1 ul {
          font-size: 45px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-1 ul {
          font-size: calc(100vw * 26/375); } }
      @media (min-width: 1440px) {
        #jovina-content #sec-1 ul {
          margin-top: 32px;
          margin-bottom: 24px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-1 ul {
          margin-top: calc(100vw * 16/375);
          margin-bottom: calc(100vw * 12/375); } }
      #jovina-content #sec-1 ul li {
        position: relative; }
        #jovina-content #sec-1 ul li:not(:last-child) {
          margin-right: calc(100vw * 48/1440); }
          @media (min-width: 1440px) {
            #jovina-content #sec-1 ul li:not(:last-child) {
              margin-right: 48px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-1 ul li:not(:last-child) {
              margin-right: calc(100vw * 28/375); } }
          #jovina-content #sec-1 ul li:not(:last-child):after {
            background: #965E2C;
            width: calc(100vw * 6/1440);
            height: calc(100vw * 6/1440);
            right: calc(100vw * -27/1440);
            top: 50%;
            transform: translateY(-50%);
            content: '';
            display: block;
            position: absolute;
            border-radius: 50%; }
            @media (min-width: 1440px) {
              #jovina-content #sec-1 ul li:not(:last-child):after {
                width: 6px;
                height: 6px;
                right: -27px; } }
            @media (max-width: 767px) {
              #jovina-content #sec-1 ul li:not(:last-child):after {
                width: calc(100vw * 4/375);
                height: calc(100vw * 4/375);
                right: calc(100vw * -16/375); } }
    #jovina-content #sec-1 p {
      font-size: calc(100vw * 35/1440);
      color: black; }
      @media (min-width: 1440px) {
        #jovina-content #sec-1 p {
          font-size: 35px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-1 p {
          font-size: calc(100vw * 25/375); } }
    #jovina-content #sec-1 ul li, #jovina-content #sec-1 p {
      line-height: 1.2; }
    #jovina-content #sec-1 h1.jovina-logo {
      width: calc(100vw * 528/1440);
      height: calc(100vw * 140/1440);
      margin-top: calc(100vw * 64/1440);
      position: relative;
      z-index: 2; }
      @media (min-width: 1440px) {
        #jovina-content #sec-1 h1.jovina-logo {
          width: 528px;
          height: 140px;
          margin-top: 64px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-1 h1.jovina-logo {
          width: calc(100vw * 224/375);
          height: calc(100vw * 59/375);
          margin-top: calc(100vw * 32/375); } }
    #jovina-content #sec-1 blockquote, #jovina-content #sec-1 h1, #jovina-content #sec-1 hr, #jovina-content #sec-1 .introduce {
      margin-right: auto;
      margin-left: auto; }
    #jovina-content #sec-1 .introduce {
      width: calc(100vw * 964/1440);
      height: calc(100vw * 570/1440);
      margin-top: calc(100vw * -14/1440);
      padding-top: calc(100vw * 0/1440);
      padding-bottom: calc(100vw * 60/1440);
      display: flex;
      flex-flow: column;
      justify-content: space-evenly;
      z-index: 1; }
      @media (min-width: 1440px) {
        #jovina-content #sec-1 .introduce {
          width: 964px;
          height: 570px;
          margin-top: -14px;
          padding-top: 0px;
          padding-bottom: 60px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-1 .introduce {
          width: calc(100vw * 336/375);
          height: calc(100vw * 570/375);
          margin-top: calc(100vw * -80/375);
          padding-top: calc(100vw * 80/375);
          padding-bottom: calc(100vw * 20/375); } }
  #jovina-content #sec-2 {
    height: calc(100vw * 2817/1440); }
    @media (min-width: 1440px) {
      #jovina-content #sec-2 {
        height: 2817px; } }
    @media (max-width: 767px) {
      #jovina-content #sec-2 {
        height: calc(100vw * 2042/375); } }
    #jovina-content #sec-2 .content {
      background-position: center top;
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-color: transparent;
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-2-content.png");
      height: calc(100vw * 3800/1440);
      padding-top: calc(100vw * 1195/1440);
      margin-top: calc(100vw * -775/1440);
      position: relative;
      z-index: 3; }
      @media (min-width: 1440px) {
        #jovina-content #sec-2 .content {
          background-size: 1440px auto; } }
      @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        #jovina-content #sec-2 .content {
          background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/1440/sec-2-content.webp"); } }
      @media (max-width: 767px) {
        #jovina-content #sec-2 .content {
          background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-2-content.png"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #jovina-content #sec-2 .content {
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-2-content.webp"); } }
      @media (max-width: 480px) {
        #jovina-content #sec-2 .content {
          background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-2-content-xs.png"); } }
  @media (max-width: 480px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #jovina-content #sec-2 .content {
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/375/sec-2-content-xs.webp"); } }
      @media (min-width: 1440px) {
        #jovina-content #sec-2 .content {
          height: 3800px;
          padding-top: 1195px;
          margin-top: -775px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-2 .content {
          height: calc(100vw * 2437/375);
          padding-top: calc(100vw * 435/375);
          margin-top: calc(100vw * -335/375); } }
      #jovina-content #sec-2 .content:before {
        content: '';
        position: absolute;
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/ribbon.png");
        background-size: contain;
        background-repeat: no-repeat;
        left: calc(100vw * -75/1440);
        top: calc(100vw * 1820/1440);
        width: calc(100vw * 518/1440);
        height: calc(100vw * 738/1440); }
        @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
          #jovina-content #sec-2 .content:before {
            background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/ribbon.webp"); } }
        @media (min-width: 1440px) {
          #jovina-content #sec-2 .content:before {
            left: -75px;
            top: 1820px;
            width: 518px;
            height: 738px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-2 .content:before {
            left: calc(100vw * -125/375);
            top: calc(100vw * 940/375);
            width: calc(100vw * 228/375);
            height: calc(100vw * 321/375); } }
      #jovina-content #sec-2 .content:before {
        transform: rotate(-212deg); }
        @media (max-width: 767px) {
          #jovina-content #sec-2 .content:before {
            transform: rotate(-263deg); } }
      #jovina-content #sec-2 .content:after {
        content: '';
        position: absolute;
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/ribbon.png");
        background-size: contain;
        background-repeat: no-repeat;
        right: calc(100vw * -105/1440);
        bottom: calc(100vw * -230/1440);
        width: calc(100vw * 518/1440);
        height: calc(100vw * 738/1440); }
        @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
          #jovina-content #sec-2 .content:after {
            background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/ribbon.webp"); } }
        @media (min-width: 1440px) {
          #jovina-content #sec-2 .content:after {
            right: -105px;
            bottom: -230px;
            width: 518px;
            height: 738px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-2 .content:after {
            right: calc(100vw * -90/375);
            bottom: calc(100vw * -100/375);
            width: calc(100vw * 228/375);
            height: calc(100vw * 321/375); } }
      #jovina-content #sec-2 .content:after {
        transform: rotate(-30deg); }
      #jovina-content #sec-2 .content blockquote.lines {
        font-size: calc(100vw * 130/1440); }
        @media (min-width: 1440px) {
          #jovina-content #sec-2 .content blockquote.lines {
            font-size: 130px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-2 .content blockquote.lines {
            font-size: calc(100vw * 50/375); } }
        #jovina-content #sec-2 .content blockquote.lines strong {
          font-size: calc(100vw * 102/1440);
          height: calc(100vw * 120/1440); }
          @media (min-width: 1440px) {
            #jovina-content #sec-2 .content blockquote.lines strong {
              font-size: 102px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-2 .content blockquote.lines strong {
              font-size: calc(100vw * 39/375); } }
          @media (min-width: 1440px) {
            #jovina-content #sec-2 .content blockquote.lines strong {
              height: 120px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-2 .content blockquote.lines strong {
              height: calc(100vw * 46/375); } }
      #jovina-content #sec-2 .content > p {
        font-size: calc(100vw * 60/1440);
        padding-top: calc(100vw * 50/1440);
        padding-bottom: calc(100vw * 64/1440);
        display: inline-block;
        line-height: 1.2;
        position: relative; }
        @media (min-width: 1440px) {
          #jovina-content #sec-2 .content > p {
            font-size: 60px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-2 .content > p {
            font-size: calc(100vw * 25/375); } }
        @media (min-width: 1440px) {
          #jovina-content #sec-2 .content > p {
            padding-top: 50px;
            padding-bottom: 64px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-2 .content > p {
            padding-top: calc(100vw * 20/375);
            padding-bottom: calc(100vw * 32/375); } }
        #jovina-content #sec-2 .content > p strong {
          font-family: 'DB-Heavent-med' !important;
          font-weight: normal; }
        #jovina-content #sec-2 .content > p:after {
          content: '';
          display: block;
          height: calc(100vw * 3/1440);
          border: none !important;
          background: linear-gradient(90deg, #d0ad6a 0%, #dabb7f 2.8%, #e9d19f 9.1%, #f4e0b6 20.5%, #fbeac4 31.5%, #fdedc9 41.8%, #fcebc6 50.8%, #f7e4bc 63.4%, #efd9ac 73%, #e4ca95 81.6%, #d6b678 89.6%, #d0ad6a 100%);
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          margin: 0 auto; }
          @media (min-width: 1440px) {
            #jovina-content #sec-2 .content > p:after {
              height: 3px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-2 .content > p:after {
              height: calc(100vw * 2/375); } }
      #jovina-content #sec-2 .content > h2 {
        font-family: 'DB-Heavent-reg' !important;
        font-size: calc(100vw * 130/1440);
        margin-top: calc(100vw * 180/1440);
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
        line-height: 1; }
        @media (min-width: 1440px) {
          #jovina-content #sec-2 .content > h2 {
            font-size: 130px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-2 .content > h2 {
            font-size: calc(100vw * 60/375); } }
        @media (min-width: 1440px) {
          #jovina-content #sec-2 .content > h2 {
            margin-top: 180px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-2 .content > h2 {
            margin-top: calc(100vw * 75/375); } }
        #jovina-content #sec-2 .content > h2 strong {
          font-size: calc(100vw * 80/1440);
          width: calc(100vw * 240/1440);
          height: calc(100vw * 85/1440);
          margin-left: calc(100vw * 16/1440);
          display: inline-grid;
          place-items: center;
          background: linear-gradient(90deg, #d0ad6a 0%, #dabb7f 2.8%, #e9d19f 9.1%, #f4e0b6 20.5%, #fbeac4 31.5%, #fdedc9 41.8%, #fcebc6 50.8%, #f7e4bc 63.4%, #efd9ac 73%, #e4ca95 81.6%, #d6b678 89.6%, #d0ad6a 100%);
          font-weight: normal; }
          @media (min-width: 1440px) {
            #jovina-content #sec-2 .content > h2 strong {
              font-size: 80px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-2 .content > h2 strong {
              font-size: calc(100vw * 38/375); } }
          @media (min-width: 1440px) {
            #jovina-content #sec-2 .content > h2 strong {
              width: 240px;
              height: 85px;
              margin-left: 16px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-2 .content > h2 strong {
              width: calc(100vw * 115.23/375);
              height: calc(100vw * 40.81/375);
              margin-left: calc(100vw * 8/375); } }
          #jovina-content #sec-2 .content > h2 strong span {
            transform: skewX(-12.5deg); }
      #jovina-content #sec-2 .content > h3 {
        font-family: 'DB-Heavent-reg' !important;
        font-size: calc(100vw * 80/1440); }
        @media (min-width: 1440px) {
          #jovina-content #sec-2 .content > h3 {
            font-size: 80px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-2 .content > h3 {
            font-size: calc(100vw * 38/375); } }
      #jovina-content #sec-2 .content .item {
        display: flex;
        flex-flow: row wrap;
        overflow: hidden;
        max-width: 100vw; }
        #jovina-content #sec-2 .content .item .-figure {
          width: calc(100vw * 532/1440);
          padding-top: calc(100vw * 930/1440);
          position: relative; }
          @media (min-width: 1440px) {
            #jovina-content #sec-2 .content .item .-figure {
              width: 532px;
              padding-top: 930px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-2 .content .item .-figure {
              width: calc(100vw * 375/375);
              padding-top: calc(100vw * 370/375); } }
          #jovina-content #sec-2 .content .item .-figure img {
            width: calc(100vw * 807/1440);
            left: calc(100vw * 49.8/1440);
            top: calc(100vw * 48/1440);
            position: absolute;
            top: 0;
            z-index: 4; }
            @media (min-width: 1440px) {
              #jovina-content #sec-2 .content .item .-figure img {
                width: 807px;
                left: 49.8px;
                top: 48px; } }
            @media (max-width: 767px) {
              #jovina-content #sec-2 .content .item .-figure img {
                width: calc(100vw * 461/375);
                left: calc(100vw * 57.66/375);
                top: calc(100vw * 0/375); } }
          @media (max-width: 767px) {
            #jovina-content #sec-2 .content .item .-figure .btn-user-review {
              display: none; } }
        #jovina-content #sec-2 .content .item .-detail {
          width: calc(100vw * 768/1440);
          height: calc(100vw * 1096.78/1440);
          padding-top: calc(100vw * 48/1440);
          padding-bottom: calc(100vw * 54/1440);
          line-height: 1.3;
          display: flex;
          flex-flow: column;
          justify-content: space-between; }
          @media (min-width: 1440px) {
            #jovina-content #sec-2 .content .item .-detail {
              width: 768px;
              height: 1096.78px;
              padding-top: 48px;
              padding-bottom: 54px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-2 .content .item .-detail {
              width: calc(100vw * 335/375);
              height: calc(100vw * 982/375);
              padding-top: calc(100vw * 45/375);
              padding-bottom: calc(100vw * 32/375); } }
          @media (max-width: 767px) {
            #jovina-content #sec-2 .content .item .-detail {
              margin-left: auto;
              margin-right: auto; } }
          @media (max-width: 767px) {
            #jovina-content #sec-2 .content .item .-detail {
              line-height: 1.2; } }
          #jovina-content #sec-2 .content .item .-detail h3, #jovina-content #sec-2 .content .item .-detail h4 {
            font-size: calc(100vw * 40/1440);
            font-weight: normal; }
            @media (min-width: 1440px) {
              #jovina-content #sec-2 .content .item .-detail h3, #jovina-content #sec-2 .content .item .-detail h4 {
                font-size: 40px; } }
            @media (max-width: 767px) {
              #jovina-content #sec-2 .content .item .-detail h3, #jovina-content #sec-2 .content .item .-detail h4 {
                font-size: calc(100vw * 26/375); } }
          #jovina-content #sec-2 .content .item .-detail p, #jovina-content #sec-2 .content .item .-detail ul {
            font-size: calc(100vw * 35/1440); }
            @media (min-width: 1440px) {
              #jovina-content #sec-2 .content .item .-detail p, #jovina-content #sec-2 .content .item .-detail ul {
                font-size: 35px; } }
            @media (max-width: 767px) {
              #jovina-content #sec-2 .content .item .-detail p, #jovina-content #sec-2 .content .item .-detail ul {
                font-size: calc(100vw * 26/375); } }
          #jovina-content #sec-2 .content .item .-detail h3 {
            font-family: 'DB-Heavent-med' !important; }
          #jovina-content #sec-2 .content .item .-detail h4, #jovina-content #sec-2 .content .item .-detail p, #jovina-content #sec-2 .content .item .-detail ul {
            font-family: 'DB-Heavent-li' !important;
            color: black; }
          #jovina-content #sec-2 .content .item .-detail ul {
            text-align: left; }
            @media (min-width: 768px) {
              #jovina-content #sec-2 .content .item .-detail ul {
                width: calc(100vw * 620/1440);
                margin-left: auto;
                margin-right: auto; } }
  @media (min-width: 768px) and (min-width: 1440px) {
    #jovina-content #sec-2 .content .item .-detail ul {
      width: 620px; } }
  @media (min-width: 768px) and (max-width: 767px) {
    #jovina-content #sec-2 .content .item .-detail ul {
      width: calc(100vw * 0/375); } }
            @media (max-width: 767px) {
              #jovina-content #sec-2 .content .item .-detail ul {
                width: 100%; } }
            #jovina-content #sec-2 .content .item .-detail ul li {
              padding-left: calc(100vw * 64/1440);
              padding-bottom: calc(100vw * 20/1440);
              position: relative; }
              @media (min-width: 1440px) {
                #jovina-content #sec-2 .content .item .-detail ul li {
                  padding-left: 64px;
                  padding-bottom: 20px; } }
              @media (max-width: 767px) {
                #jovina-content #sec-2 .content .item .-detail ul li {
                  padding-left: calc(100vw * 54/375);
                  padding-bottom: calc(100vw * 10/375); } }
              #jovina-content #sec-2 .content .item .-detail ul li:before {
                background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/bullet-swatch.png");
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                width: calc(100vw * 30/1440);
                height: calc(100vw * 30/1440);
                left: calc(100vw * 18/1440);
                top: calc(100vw * 4/1440);
                content: '';
                display: block;
                position: absolute; }
                @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
                  #jovina-content #sec-2 .content .item .-detail ul li:before {
                    background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/bullet-swatch.webp"); } }
                @media (min-width: 1440px) {
                  #jovina-content #sec-2 .content .item .-detail ul li:before {
                    width: 30px;
                    height: 30px;
                    left: 18px;
                    top: 4px; } }
                @media (max-width: 767px) {
                  #jovina-content #sec-2 .content .item .-detail ul li:before {
                    width: calc(100vw * 18.75/375);
                    height: calc(100vw * 18.75/375);
                    left: calc(100vw * 18/375);
                    top: calc(100vw * 4/375); } }
              #jovina-content #sec-2 .content .item .-detail ul li strong {
                font-family: 'DB-Heavent-reg' !important;
                font-weight: normal; }
          @media (min-width: 768px) {
            #jovina-content #sec-2 .content .item .-detail + .btn-user-review {
              display: none; } }
          @media (max-width: 767px) {
            #jovina-content #sec-2 .content .item .-detail + .btn-user-review {
              margin-top: calc(100vw * 20/375); } }
  #jovina-content #sec-3 {
    height: calc(100vw * 1745/1440); }
    @media (min-width: 1440px) {
      #jovina-content #sec-3 {
        height: 1745px; } }
    @media (max-width: 767px) {
      #jovina-content #sec-3 {
        height: calc(100vw * 1652/375); } }
    #jovina-content #sec-3 > h2 {
      font-family: 'DB-Heavent-reg' !important;
      font-size: calc(100vw * 130/1440);
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      justify-content: center;
      line-height: 1; }
      @media (min-width: 1440px) {
        #jovina-content #sec-3 > h2 {
          font-size: 130px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-3 > h2 {
          font-size: calc(100vw * 60/375); } }
      #jovina-content #sec-3 > h2:nth-of-type(1) {
        margin-top: calc(100vw * 0/1440); }
        @media (min-width: 1440px) {
          #jovina-content #sec-3 > h2:nth-of-type(1) {
            margin-top: 0px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-3 > h2:nth-of-type(1) {
            margin-top: calc(100vw * 70/375); } }
      #jovina-content #sec-3 > h2:nth-of-type(2) {
        margin-top: calc(100vw * 265/1440); }
        @media (min-width: 1440px) {
          #jovina-content #sec-3 > h2:nth-of-type(2) {
            margin-top: 265px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-3 > h2:nth-of-type(2) {
            margin-top: calc(100vw * 8/375); } }
      #jovina-content #sec-3 > h2 strong {
        font-size: calc(100vw * 80/1440);
        width: calc(100vw * 240/1440);
        height: calc(100vw * 85/1440);
        margin-left: calc(100vw * 16/1440);
        display: inline-grid;
        place-items: center;
        background: linear-gradient(90deg, #d0ad6a 0%, #dabb7f 2.8%, #e9d19f 9.1%, #f4e0b6 20.5%, #fbeac4 31.5%, #fdedc9 41.8%, #fcebc6 50.8%, #f7e4bc 63.4%, #efd9ac 73%, #e4ca95 81.6%, #d6b678 89.6%, #d0ad6a 100%);
        font-weight: normal; }
        @media (min-width: 1440px) {
          #jovina-content #sec-3 > h2 strong {
            font-size: 80px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-3 > h2 strong {
            font-size: calc(100vw * 38/375); } }
        @media (min-width: 1440px) {
          #jovina-content #sec-3 > h2 strong {
            width: 240px;
            height: 85px;
            margin-left: 16px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-3 > h2 strong {
            width: calc(100vw * 115.23/375);
            height: calc(100vw * 40.81/375);
            margin-left: calc(100vw * 0/375); } }
        #jovina-content #sec-3 > h2 strong span {
          transform: skewX(-12.5deg); }
    #jovina-content #sec-3 > h3 {
      font-family: 'DB-Heavent-reg' !important;
      font-size: calc(100vw * 80/1440); }
      @media (min-width: 1440px) {
        #jovina-content #sec-3 > h3 {
          font-size: 80px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-3 > h3 {
          font-size: calc(100vw * 38/375); } }
    @media (min-width: 768px) {
      #jovina-content #sec-3 > h2, #jovina-content #sec-3 > h3 {
        width: calc(100vw * 1048/1440); } }
  @media (min-width: 768px) and (min-width: 1440px) {
    #jovina-content #sec-3 > h2, #jovina-content #sec-3 > h3 {
      width: 1048px; } }
  @media (min-width: 768px) and (max-width: 767px) {
    #jovina-content #sec-3 > h2, #jovina-content #sec-3 > h3 {
      width: calc(100vw * 0/375); } }
    @media (min-width: 768px) {
      #jovina-content #sec-3 > h2:nth-of-type(1) {
        left: calc(100vw * 884/1440);
        top: calc(100vw * 290/1440);
        position: absolute;
        width: auto; } }
  @media (min-width: 768px) and (min-width: 1440px) {
    #jovina-content #sec-3 > h2:nth-of-type(1) {
      left: 884px;
      top: 290px; } }
  @media (min-width: 768px) and (max-width: 767px) {
    #jovina-content #sec-3 > h2:nth-of-type(1) {
      left: calc(100vw * 0/375);
      top: calc(100vw * 0/375); } }
    #jovina-content #sec-3 .item {
      display: flex;
      max-width: 100vw; }
      @media (min-width: 768px) {
        #jovina-content #sec-3 .item {
          flex-flow: row-reverse wrap; } }
      @media (max-width: 767px) {
        #jovina-content #sec-3 .item {
          flex-flow: column; } }
      #jovina-content #sec-3 .item .-figure {
        width: calc(100vw * 532/1440);
        padding-top: calc(100vw * 908/1440);
        position: relative; }
        @media (min-width: 1440px) {
          #jovina-content #sec-3 .item .-figure {
            width: 532px;
            padding-top: 908px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-3 .item .-figure {
            width: calc(100vw * 375/375);
            padding-top: calc(100vw * 308/375); } }
        #jovina-content #sec-3 .item .-figure img {
          width: calc(100vw * 677/1440);
          top: calc(100vw * -107/1440);
          right: calc(100vw * -26/1440);
          position: absolute;
          z-index: 4; }
          @media (min-width: 1440px) {
            #jovina-content #sec-3 .item .-figure img {
              width: 677px;
              top: -107px;
              right: -26px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-3 .item .-figure img {
              width: calc(100vw * 265/375);
              top: calc(100vw * 0/375);
              right: calc(100vw * 30/375); } }
        @media (max-width: 767px) {
          #jovina-content #sec-3 .item .-figure .btn-user-review {
            display: none; } }
      #jovina-content #sec-3 .item .-detail {
        width: calc(100vw * 768/1440);
        height: calc(100vw * 1103.12/1440);
        padding-top: calc(100vw * 87/1440);
        padding-bottom: calc(100vw * 75/1440);
        line-height: 1.3;
        display: flex;
        flex-flow: column;
        justify-content: space-between; }
        @media (min-width: 1440px) {
          #jovina-content #sec-3 .item .-detail {
            width: 768px;
            height: 1103.12px;
            padding-top: 87px;
            padding-bottom: 75px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-3 .item .-detail {
            width: calc(100vw * 335/375);
            height: calc(100vw * 991/375);
            padding-top: calc(100vw * 97/375);
            padding-bottom: calc(100vw * 42/375); } }
        @media (max-width: 767px) {
          #jovina-content #sec-3 .item .-detail {
            margin-left: auto;
            margin-right: auto; } }
        @media (max-width: 767px) {
          #jovina-content #sec-3 .item .-detail {
            line-height: 1.2; } }
        #jovina-content #sec-3 .item .-detail h3, #jovina-content #sec-3 .item .-detail h4 {
          font-size: calc(100vw * 40/1440);
          font-weight: normal; }
          @media (min-width: 1440px) {
            #jovina-content #sec-3 .item .-detail h3, #jovina-content #sec-3 .item .-detail h4 {
              font-size: 40px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-3 .item .-detail h3, #jovina-content #sec-3 .item .-detail h4 {
              font-size: calc(100vw * 26/375); } }
        #jovina-content #sec-3 .item .-detail p, #jovina-content #sec-3 .item .-detail ul {
          font-size: calc(100vw * 35/1440); }
          @media (min-width: 1440px) {
            #jovina-content #sec-3 .item .-detail p, #jovina-content #sec-3 .item .-detail ul {
              font-size: 35px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-3 .item .-detail p, #jovina-content #sec-3 .item .-detail ul {
              font-size: calc(100vw * 26/375); } }
        #jovina-content #sec-3 .item .-detail h3 {
          font-family: 'DB-Heavent-med' !important; }
        #jovina-content #sec-3 .item .-detail h4, #jovina-content #sec-3 .item .-detail p, #jovina-content #sec-3 .item .-detail ul {
          font-family: 'DB-Heavent-li' !important;
          color: black; }
        #jovina-content #sec-3 .item .-detail ul {
          text-align: left; }
          @media (min-width: 768px) {
            #jovina-content #sec-3 .item .-detail ul {
              width: calc(100vw * 620/1440);
              margin-left: auto;
              margin-right: auto; } }
  @media (min-width: 768px) and (min-width: 1440px) {
    #jovina-content #sec-3 .item .-detail ul {
      width: 620px; } }
  @media (min-width: 768px) and (max-width: 767px) {
    #jovina-content #sec-3 .item .-detail ul {
      width: calc(100vw * 0/375); } }
          @media (max-width: 767px) {
            #jovina-content #sec-3 .item .-detail ul {
              width: 100%; } }
          #jovina-content #sec-3 .item .-detail ul li {
            padding-left: calc(100vw * 64/1440);
            padding-bottom: calc(100vw * 20/1440);
            position: relative; }
            @media (min-width: 1440px) {
              #jovina-content #sec-3 .item .-detail ul li {
                padding-left: 64px;
                padding-bottom: 20px; } }
            @media (max-width: 767px) {
              #jovina-content #sec-3 .item .-detail ul li {
                padding-left: calc(100vw * 54/375);
                padding-bottom: calc(100vw * 10/375); } }
            #jovina-content #sec-3 .item .-detail ul li:before {
              background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/bullet-swatch.png");
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
              width: calc(100vw * 30/1440);
              height: calc(100vw * 30/1440);
              left: calc(100vw * 18/1440);
              top: calc(100vw * 4/1440);
              content: '';
              display: block;
              position: absolute; }
              @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
                #jovina-content #sec-3 .item .-detail ul li:before {
                  background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/bullet-swatch.webp"); } }
              @media (min-width: 1440px) {
                #jovina-content #sec-3 .item .-detail ul li:before {
                  width: 30px;
                  height: 30px;
                  left: 18px;
                  top: 4px; } }
              @media (max-width: 767px) {
                #jovina-content #sec-3 .item .-detail ul li:before {
                  width: calc(100vw * 18.75/375);
                  height: calc(100vw * 18.75/375);
                  left: calc(100vw * 18/375);
                  top: calc(100vw * 4/375); } }
            #jovina-content #sec-3 .item .-detail ul li strong {
              font-family: 'DB-Heavent-reg' !important;
              font-weight: normal; }
        @media (min-width: 768px) {
          #jovina-content #sec-3 .item .-detail + .btn-user-review {
            display: none; } }
        @media (max-width: 767px) {
          #jovina-content #sec-3 .item .-detail + .btn-user-review {
            margin-top: calc(100vw * 20/375); } }
  #jovina-content #sec-4 {
    height: calc(100vw * 1571/1440);
    padding-top: calc(100vw * 0/1440); }
    @media (min-width: 1440px) {
      #jovina-content #sec-4 {
        height: 1571px;
        padding-top: 0px; } }
    @media (max-width: 767px) {
      #jovina-content #sec-4 {
        height: calc(100vw * 1645/375);
        padding-top: calc(100vw * 75/375); } }
    #jovina-content #sec-4 > h2 {
      font-family: 'DB-Heavent-reg' !important;
      font-size: calc(100vw * 130/1440);
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      justify-content: center;
      line-height: 1;
      position: relative; }
      @media (min-width: 1440px) {
        #jovina-content #sec-4 > h2 {
          font-size: 130px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-4 > h2 {
          font-size: calc(100vw * 60/375); } }
      #jovina-content #sec-4 > h2 strong {
        font-size: calc(100vw * 80/1440);
        width: calc(100vw * 240/1440);
        height: calc(100vw * 85/1440);
        margin-left: calc(100vw * 16/1440);
        display: inline-grid;
        place-items: center;
        background: linear-gradient(90deg, #d0ad6a 0%, #dabb7f 2.8%, #e9d19f 9.1%, #f4e0b6 20.5%, #fbeac4 31.5%, #fdedc9 41.8%, #fcebc6 50.8%, #f7e4bc 63.4%, #efd9ac 73%, #e4ca95 81.6%, #d6b678 89.6%, #d0ad6a 100%);
        font-weight: normal; }
        @media (min-width: 1440px) {
          #jovina-content #sec-4 > h2 strong {
            font-size: 80px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-4 > h2 strong {
            font-size: calc(100vw * 38/375); } }
        @media (min-width: 1440px) {
          #jovina-content #sec-4 > h2 strong {
            width: 240px;
            height: 85px;
            margin-left: 16px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-4 > h2 strong {
            width: calc(100vw * 115.23/375);
            height: calc(100vw * 40.81/375);
            margin-left: calc(100vw * 0/375); } }
        #jovina-content #sec-4 > h2 strong span {
          transform: skewX(-12.5deg); }
        @media (max-width: 767px) {
          #jovina-content #sec-4 > h2 strong {
            position: absolute;
            top: calc(100vw * -64/375); } }
    #jovina-content #sec-4 > h3 {
      font-family: 'DB-Heavent-reg' !important;
      font-size: calc(100vw * 80/1440); }
      @media (min-width: 1440px) {
        #jovina-content #sec-4 > h3 {
          font-size: 80px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-4 > h3 {
          font-size: calc(100vw * 38/375); } }
    @media (min-width: 768px) {
      #jovina-content #sec-4 > h2, #jovina-content #sec-4 > h3 {
        width: calc(100vw * 960/1440);
        margin-right: 0;
        margin-left: auto; } }
  @media (min-width: 768px) and (min-width: 1440px) {
    #jovina-content #sec-4 > h2, #jovina-content #sec-4 > h3 {
      width: 960px; } }
  @media (min-width: 768px) and (max-width: 767px) {
    #jovina-content #sec-4 > h2, #jovina-content #sec-4 > h3 {
      width: calc(100vw * 0/375); } }
    #jovina-content #sec-4 .item {
      display: flex;
      flex-flow: row wrap;
      max-width: 100vw; }
      #jovina-content #sec-4 .item .-figure {
        width: calc(100vw * 670/1440);
        padding-top: calc(100vw * 0/1440);
        position: relative; }
        @media (min-width: 1440px) {
          #jovina-content #sec-4 .item .-figure {
            width: 670px;
            padding-top: 0px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-4 .item .-figure {
            width: calc(100vw * 375/375);
            padding-top: calc(100vw * 325/375); } }
        #jovina-content #sec-4 .item .-figure img {
          width: calc(100vw * 1093/1440);
          left: calc(100vw * -365/1440);
          top: calc(100vw * -340/1440);
          position: absolute;
          z-index: 4; }
          @media (min-width: 1440px) {
            #jovina-content #sec-4 .item .-figure img {
              width: 1093px;
              left: -365px;
              top: -340px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-4 .item .-figure img {
              width: calc(100vw * 449/375);
              left: calc(100vw * -110/375);
              top: calc(100vw * 20/375); } }
        @media (max-width: 767px) {
          #jovina-content #sec-4 .item .-figure .btn-user-review {
            display: none; } }
      #jovina-content #sec-4 .item .-detail {
        width: calc(100vw * 670/1440);
        height: calc(100vw * 515.79/1440);
        padding-top: calc(100vw * 42/1440);
        padding-bottom: calc(100vw * 72/1440);
        line-height: 1.3;
        display: flex;
        flex-flow: column;
        justify-content: space-between; }
        @media (min-width: 1440px) {
          #jovina-content #sec-4 .item .-detail {
            width: 670px;
            height: 515.79px;
            padding-top: 42px;
            padding-bottom: 72px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-4 .item .-detail {
            width: calc(100vw * 335/375);
            height: calc(100vw * 458.05/375);
            padding-top: calc(100vw * 64/375);
            padding-bottom: calc(100vw * 32/375); } }
        @media (max-width: 767px) {
          #jovina-content #sec-4 .item .-detail {
            margin-left: auto;
            margin-right: auto; } }
        @media (max-width: 767px) {
          #jovina-content #sec-4 .item .-detail {
            line-height: 1.2; } }
        #jovina-content #sec-4 .item .-detail h3, #jovina-content #sec-4 .item .-detail h4 {
          font-size: calc(100vw * 40/1440);
          font-weight: normal; }
          @media (min-width: 1440px) {
            #jovina-content #sec-4 .item .-detail h3, #jovina-content #sec-4 .item .-detail h4 {
              font-size: 40px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-4 .item .-detail h3, #jovina-content #sec-4 .item .-detail h4 {
              font-size: calc(100vw * 26/375); } }
        #jovina-content #sec-4 .item .-detail p {
          font-size: calc(100vw * 35/1440); }
          @media (min-width: 1440px) {
            #jovina-content #sec-4 .item .-detail p {
              font-size: 35px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-4 .item .-detail p {
              font-size: calc(100vw * 26/375); } }
        #jovina-content #sec-4 .item .-detail h3 {
          font-family: 'DB-Heavent-med' !important; }
        #jovina-content #sec-4 .item .-detail h4, #jovina-content #sec-4 .item .-detail p {
          font-family: 'DB-Heavent-li' !important;
          color: black; }
    #jovina-content #sec-4 ul {
      font-family: 'DB-Heavent-li' !important;
      font-size: calc(100vw * 35/1440);
      width: calc(100vw * 1100/1440);
      margin-top: calc(100vw * 80/1440);
      margin-bottom: calc(100vw * 54/1440);
      color: black;
      text-align: left;
      line-height: 1.2;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 1440px) {
        #jovina-content #sec-4 ul {
          font-size: 35px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-4 ul {
          font-size: calc(100vw * 26/375); } }
      @media (min-width: 1440px) {
        #jovina-content #sec-4 ul {
          width: 1100px;
          margin-top: 80px;
          margin-bottom: 54px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-4 ul {
          width: calc(100vw * 300/375);
          margin-top: calc(100vw * 32/375);
          margin-bottom: calc(100vw * 24/375); } }
      @media (min-width: 768px) {
        #jovina-content #sec-4 ul {
          column-count: 2; } }
      #jovina-content #sec-4 ul li {
        padding-left: calc(100vw * 26/1440);
        padding-bottom: calc(100vw * 20/1440);
        position: relative; }
        @media (min-width: 1440px) {
          #jovina-content #sec-4 ul li {
            padding-left: 26px;
            padding-bottom: 20px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-4 ul li {
            padding-left: calc(100vw * 24/375);
            padding-bottom: calc(100vw * 10/375); } }
        #jovina-content #sec-4 ul li:before {
          background: #965E2C;
          border-radius: 50%;
          left: 0;
          width: calc(100vw * 6/1440);
          height: calc(100vw * 6/1440);
          top: calc(100vw * 22/1440);
          content: '';
          display: block;
          position: absolute; }
          @media (min-width: 1440px) {
            #jovina-content #sec-4 ul li:before {
              width: 6px;
              height: 6px;
              top: 22px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-4 ul li:before {
              width: calc(100vw * 4/375);
              height: calc(100vw * 4/375);
              top: calc(100vw * 18/375); } }
        #jovina-content #sec-4 ul li strong {
          font-family: 'DB-Heavent-reg' !important;
          font-weight: normal; }
  #jovina-content #sec-5 {
    height: calc(100vw * 1579/1440);
    padding-top: calc(100vw * 340/1440); }
    @media (min-width: 1440px) {
      #jovina-content #sec-5 {
        height: 1579px;
        padding-top: 340px; } }
    @media (max-width: 767px) {
      #jovina-content #sec-5 {
        height: calc(100vw * 977/375);
        padding-top: calc(100vw * 145/375); } }
    #jovina-content #sec-5 h2 {
      text-indent: -3000px;
      color: transparent;
      background: center no-repeat transparent;
      background-size: contain !important;
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/jovina-perfect-skin-set_@2x.png");
      width: calc(100vw * 751/1440);
      height: calc(100vw * 202/1440);
      position: relative;
      margin-left: auto;
      margin-right: auto; }
      @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        #jovina-content #sec-5 h2 {
          background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/jovina-perfect-skin-set_@2x.webp"); } }
      @media (max-width: 767px) {
        #jovina-content #sec-5 h2 {
          background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/jovina-perfect-skin-set_.png"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #jovina-content #sec-5 h2 {
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/jovina-perfect-skin-set_.webp"); } }
      @media (min-width: 1440px) {
        #jovina-content #sec-5 h2 {
          width: 751px;
          height: 202px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-5 h2 {
          width: calc(100vw * 269/375);
          height: calc(100vw * 73/375); } }
      #jovina-content #sec-5 h2:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/limited-edition_@2x.png");
        background-size: contain;
        background-position: center top;
        background-repeat: no-repeat;
        height: calc(100vw * 115.51/1440);
        bottom: calc(100vw * -115.51/1440); }
        @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
          #jovina-content #sec-5 h2:after {
            background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/limited-edition_@2x.webp"); } }
        @media (max-width: 767px) {
          #jovina-content #sec-5 h2:after {
            background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/limited-edition_.png"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #jovina-content #sec-5 h2:after {
      background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/limited-edition_.webp"); } }
        @media (min-width: 1440px) {
          #jovina-content #sec-5 h2:after {
            height: 115.51px;
            bottom: -115.51px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-5 h2:after {
            height: calc(100vw * 46.46/375);
            bottom: calc(100vw * -46.46/375); } }
    #jovina-content #sec-5 .item {
      margin-top: calc(100vw * 120/1440);
      display: flex;
      flex-flow: row wrap;
      max-width: 100vw;
      position: relative; }
      @media (min-width: 1440px) {
        #jovina-content #sec-5 .item {
          margin-top: 120px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-5 .item {
          margin-top: calc(100vw * 20/375); } }
      #jovina-content #sec-5 .item:after {
        content: '';
        position: absolute;
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/.");
        background-size: contain;
        background-repeat: no-repeat;
        left: calc(100vw * 583/1440);
        top: calc(100vw * 72/1440);
        width: calc(100vw * 194/1440);
        height: calc(100vw * 194/1440); 
        z-index: 9;
        }
        @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
          #jovina-content #sec-5 .item:after {
            background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/.webp"); } }
        @media (min-width: 1440px) {
          #jovina-content #sec-5 .item:after {
            left: 583px;
            top: 72px;
            width: 194px;
            height: 194px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-5 .item:after {
            left: calc(100vw * 239.58/375);
            top: calc(100vw * 60/375);
            width: calc(100vw * 80.9/375);
            height: calc(100vw * 80.9/375); } }
      #jovina-content #sec-5 .item:after {
        background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/limited-edition-badge.svg"); }
      #jovina-content #sec-5 .item .-figure {
        width: calc(100vw * 817/1440);
        position: relative;
        top: 0; }
        @media (min-width: 1440px) {
          #jovina-content #sec-5 .item .-figure {
            width: 817px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-5 .item .-figure {
            width: calc(100vw * 375/375); } }
        #jovina-content #sec-5 .item .-figure img {
          width: calc(100vw * 1009/1440);
          left: calc(100vw * -60/1440);
          position: absolute;
          z-index: 4; }
          @media (min-width: 1440px) {
            #jovina-content #sec-5 .item .-figure img {
              width: 1009px;
              left: -60px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-5 .item .-figure img {
              width: calc(100vw * 434/375);
              left: calc(100vw * -35/375); } }
      #jovina-content #sec-5 .item .-detail {
        width: calc(100vw * 483/1440);
        min-height: calc(100vw * 560/1440);
        padding-top: calc(100vw * 130/1440);
        line-height: 1.3;
        display: flex;
        flex-flow: column;
        justify-content: space-between; }
        @media (min-width: 1440px) {
          #jovina-content #sec-5 .item .-detail {
            width: 483px;
            min-height: 560px;
            padding-top: 130px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-5 .item .-detail {
            width: calc(100vw * 335/375);
            min-height: calc(100vw * 320/375);
            padding-top: calc(100vw * 380/375); } }
        @media (max-width: 767px) {
          #jovina-content #sec-5 .item .-detail {
            margin-left: auto;
            margin-right: auto; } }
        @media (max-width: 767px) {
          #jovina-content #sec-5 .item .-detail {
            line-height: 1.2; } }
        #jovina-content #sec-5 .item .-detail blockquote {
          text-indent: -3000px;
          color: transparent;
          background: center no-repeat transparent;
          background-size: contain !important;
          background-image: url("https://www.jeban.com/spotlight-item/jovina-perfect-skin-set/complete-in-one-set_.svg");
          width: calc(100vw * 446.76/1440);
          height: calc(100vw * 138.55/1440);
          margin-left: auto;
          margin-right: auto; }
          @media (min-width: 1440px) {
            #jovina-content #sec-5 .item .-detail blockquote {
              width: 446.76px;
              height: 138.55px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-5 .item .-detail blockquote {
              width: calc(100vw * 217.45/375);
              height: calc(100vw * 71.15/375); } }
        #jovina-content #sec-5 .item .-detail p {
          font-family: 'DB-Heavent-li' !important;
          font-size: calc(100vw * 35/1440);
          color: black; }
          @media (min-width: 1440px) {
            #jovina-content #sec-5 .item .-detail p {
              font-size: 35px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-5 .item .-detail p {
              font-size: calc(100vw * 26/375); } }
          #jovina-content #sec-5 .item .-detail p strong {
            font-family: 'DB-Heavent-reg' !important;
            font-weight: normal; }
          #jovina-content #sec-5 .item .-detail p:nth-of-type(2) {
            font-family: 'DB-Heavent-med' !important;
            font-size: calc(100vw * 65/1440);
            color: #965E2C; }
            @media (min-width: 1440px) {
              #jovina-content #sec-5 .item .-detail p:nth-of-type(2) {
                font-size: 65px; } }
            @media (max-width: 767px) {
              #jovina-content #sec-5 .item .-detail p:nth-of-type(2) {
                font-size: calc(100vw * 60/375); } }
  #jovina-content #sec-6 {
    height: calc(100vw * 1655/1440); }
    @media (min-width: 1440px) {
      #jovina-content #sec-6 {
        height: 1655px; } }
    @media (max-width: 767px) {
      #jovina-content #sec-6 {
        height: calc(100vw * 1536/375); } }
    #jovina-content #sec-6 > h2 {
      font-family: 'DB-Heavent-reg' !important;
      font-size: calc(100vw * 130/1440);
      display: inline-flex;
      flex-flow: column;
      align-items: center;
      justify-content: center;
      line-height: 1.1;
      position: relative;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 1440px) {
        #jovina-content #sec-6 > h2 {
          font-size: 130px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-6 > h2 {
          font-size: calc(100vw * 42/375); } }
      #jovina-content #sec-6 > h2 strong {
        font-family: 'DB-Heavent-med' !important;
        font-size: calc(100vw * 105/1440);
        width: calc(100vw * 369/1440);
        height: calc(100vw * 127/1440);
        display: inline-grid;
        place-items: center;
        background: linear-gradient(90deg, #d0ad6a 0%, #dabb7f 2.8%, #e9d19f 9.1%, #f4e0b6 20.5%, #fbeac4 31.5%, #fdedc9 41.8%, #fcebc6 50.8%, #f7e4bc 63.4%, #efd9ac 73%, #e4ca95 81.6%, #d6b678 89.6%, #d0ad6a 100%);
        font-weight: normal; }
        @media (min-width: 1440px) {
          #jovina-content #sec-6 > h2 strong {
            font-size: 105px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-6 > h2 strong {
            font-size: calc(100vw * 42/375); } }
        @media (min-width: 1440px) {
          #jovina-content #sec-6 > h2 strong {
            width: 369px;
            height: 127px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-6 > h2 strong {
            width: calc(100vw * 137/375);
            height: calc(100vw * 50/375); } }
      #jovina-content #sec-6 > h2:after {
        content: '';
        display: block;
        height: calc(100vw * 3/1440);
        border: none !important;
        background: linear-gradient(90deg, #d0ad6a 0%, #dabb7f 2.8%, #e9d19f 9.1%, #f4e0b6 20.5%, #fbeac4 31.5%, #fdedc9 41.8%, #fcebc6 50.8%, #f7e4bc 63.4%, #efd9ac 73%, #e4ca95 81.6%, #d6b678 89.6%, #d0ad6a 100%);
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        margin: 0 auto; }
        @media (min-width: 1440px) {
          #jovina-content #sec-6 > h2:after {
            height: 3px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-6 > h2:after {
            height: calc(100vw * 2/375); } }
    #jovina-content #sec-6 > h3 {
      font-family: 'DB-Heavent-reg' !important;
      font-size: calc(100vw * 80/1440);
      line-height: 1.1; }
      @media (min-width: 1440px) {
        #jovina-content #sec-6 > h3 {
          font-size: 80px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-6 > h3 {
          font-size: calc(100vw * 28/375); } }
    #jovina-content #sec-6 > ul {
      list-style: none; }
      #jovina-content #sec-6 > ul > li {
        font-size: calc(100vw * 32/1440);
        color: black;
        display: flex;
        flex-flow: column;
        position: relative; }
        @media (min-width: 1440px) {
          #jovina-content #sec-6 > ul > li {
            font-size: 32px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-6 > ul > li {
            font-size: calc(100vw * 26/375); } }
        #jovina-content #sec-6 > ul > li:not(:last-of-type) {
          padding-bottom: calc(100vw * 0/1440); }
          @media (min-width: 1440px) {
            #jovina-content #sec-6 > ul > li:not(:last-of-type) {
              padding-bottom: 0px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-6 > ul > li:not(:last-of-type) {
              padding-bottom: calc(100vw * 20/375); } }
        @media (max-width: 767px) {
          #jovina-content #sec-6 > ul > li:nth-of-type(1) {
            padding-bottom: 0 !important; } }
        #jovina-content #sec-6 > ul > li:nth-of-type(1) img {
          width: calc(100vw * 682/1440);
          margin-top: calc(100vw * 0/1440); }
          @media (min-width: 1440px) {
            #jovina-content #sec-6 > ul > li:nth-of-type(1) img {
              width: 682px;
              margin-top: 0px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-6 > ul > li:nth-of-type(1) img {
              width: calc(100vw * 298/375);
              margin-top: calc(100vw * 32/375); } }
        @media (min-width: 768px) {
          #jovina-content #sec-6 > ul > li {
            width: calc(100vw * 550/1440); } }
  @media (min-width: 768px) and (min-width: 1440px) {
    #jovina-content #sec-6 > ul > li {
      width: 550px; } }
  @media (min-width: 768px) and (max-width: 767px) {
    #jovina-content #sec-6 > ul > li {
      width: calc(100vw * 0/375); } }
        @media (min-width: 768px) {
            #jovina-content #sec-6 > ul > li h4, #jovina-content #sec-6 > ul > li p, #jovina-content #sec-6 > ul > li ul {
              position: relative;
              z-index: 2; }
            #jovina-content #sec-6 > ul > li:before, #jovina-content #sec-6 > ul > li:after {
              content: '';
              display: block;
              position: absolute;
              z-index: 5; }
            #jovina-content #sec-6 > ul > li:before {
              border-color: #965E2C;
              border-width: 1px; }
            #jovina-content #sec-6 > ul > li:after {
              width: calc(100vw * 15/1440);
              height: calc(100vw * 15/1440);
              background: #965E2C;
              border-radius: 50%; } }
    @media (min-width: 768px) and (min-width: 1440px) {
      #jovina-content #sec-6 > ul > li:after {
        width: 15px;
        height: 15px; } }
    @media (min-width: 768px) and (max-width: 767px) {
      #jovina-content #sec-6 > ul > li:after {
        width: calc(100vw * 0/375);
        height: calc(100vw * 0/375); } }
        @media (min-width: 768px) {
            #jovina-content #sec-6 > ul > li:nth-of-type(1) {
              height: calc(100vw * 430/1440);
              margin-top: calc(100vw * 40/1440);
              position: relative; } }
    @media (min-width: 768px) and (min-width: 1440px) {
      #jovina-content #sec-6 > ul > li:nth-of-type(1) {
        height: 430px;
        margin-top: 40px; } }
    @media (min-width: 768px) and (max-width: 767px) {
      #jovina-content #sec-6 > ul > li:nth-of-type(1) {
        height: calc(100vw * 0/375);
        margin-top: calc(100vw * 0/375); } }
        @media (min-width: 768px) {
              #jovina-content #sec-6 > ul > li:nth-of-type(1) img {
                position: absolute;
                z-index: 1;
                left: calc(100vw * 320/1440);
                top: calc(100vw * 32/1440); } }
      @media (min-width: 768px) and (min-width: 1440px) {
        #jovina-content #sec-6 > ul > li:nth-of-type(1) img {
          left: 320px;
          top: 32px; } }
      @media (min-width: 768px) and (max-width: 767px) {
        #jovina-content #sec-6 > ul > li:nth-of-type(1) img {
          left: calc(100vw * 0/375);
          top: calc(100vw * 0/375); } }
        @media (min-width: 768px) {
              #jovina-content #sec-6 > ul > li:nth-of-type(1):before {
                width: calc(100vw * 265/1440);
                height: calc(100vw * 80/1440);
                left: calc(100vw * 275/1440);
                bottom: calc(100vw * -40/1440);
                border-style: none none solid solid; } }
      @media (min-width: 768px) and (min-width: 1440px) {
        #jovina-content #sec-6 > ul > li:nth-of-type(1):before {
          width: 265px;
          height: 80px;
          left: 275px;
          bottom: -40px; } }
      @media (min-width: 768px) and (max-width: 767px) {
        #jovina-content #sec-6 > ul > li:nth-of-type(1):before {
          width: calc(100vw * 0/375);
          height: calc(100vw * 0/375);
          left: calc(100vw * 0/375);
          bottom: calc(100vw * 0/375); } }
        @media (min-width: 768px) {
              #jovina-content #sec-6 > ul > li:nth-of-type(1):after {
                left: calc(100vw * 540/1440);
                bottom: calc(100vw * -46.5/1440); } }
      @media (min-width: 768px) and (min-width: 1440px) {
        #jovina-content #sec-6 > ul > li:nth-of-type(1):after {
          left: 540px;
          bottom: -46.5px; } }
      @media (min-width: 768px) and (max-width: 767px) {
        #jovina-content #sec-6 > ul > li:nth-of-type(1):after {
          left: calc(100vw * 0/375);
          bottom: calc(100vw * 0/375); } }
        @media (min-width: 768px) {
            #jovina-content #sec-6 > ul > li:nth-of-type(2) {
              height: calc(100vw * 600/1440);
              margin-left: calc(100vw * 870/1440);
              margin-top: calc(100vw * -200/1440); } }
    @media (min-width: 768px) and (min-width: 1440px) {
      #jovina-content #sec-6 > ul > li:nth-of-type(2) {
        height: 600px;
        margin-left: 870px;
        margin-top: -200px; } }
    @media (min-width: 768px) and (max-width: 767px) {
      #jovina-content #sec-6 > ul > li:nth-of-type(2) {
        height: calc(100vw * 0/375);
        margin-left: calc(100vw * 0/375);
        margin-top: calc(100vw * 0/375); } }
        @media (min-width: 768px) {
              #jovina-content #sec-6 > ul > li:nth-of-type(2):before {
                width: calc(100vw * 225/1440);
                height: calc(100vw * 1/1440);
                left: calc(100vw * -60/1440);
                top: calc(100vw * 140/1440);
                border-style: solid none none none; } }
      @media (min-width: 768px) and (min-width: 1440px) {
        #jovina-content #sec-6 > ul > li:nth-of-type(2):before {
          width: 225px;
          height: 1px;
          left: -60px;
          top: 140px; } }
      @media (min-width: 768px) and (max-width: 767px) {
        #jovina-content #sec-6 > ul > li:nth-of-type(2):before {
          width: calc(100vw * 0/375);
          height: calc(100vw * 0/375);
          left: calc(100vw * 0/375);
          top: calc(100vw * 0/375); } }
        @media (min-width: 768px) {
              #jovina-content #sec-6 > ul > li:nth-of-type(2):after {
                left: calc(100vw * -67.5/1440);
                top: calc(100vw * 132.5/1440); } }
      @media (min-width: 768px) and (min-width: 1440px) {
        #jovina-content #sec-6 > ul > li:nth-of-type(2):after {
          left: -67.5px;
          top: 132.5px; } }
      @media (min-width: 768px) and (max-width: 767px) {
        #jovina-content #sec-6 > ul > li:nth-of-type(2):after {
          left: calc(100vw * 0/375);
          top: calc(100vw * 0/375); } }
        @media (min-width: 768px) {
            #jovina-content #sec-6 > ul > li:nth-of-type(3) {
              height: calc(100vw * 280/1440);
              margin-left: calc(100vw * 40/1440);
              margin-top: calc(100vw * -32/1440); } }
    @media (min-width: 768px) and (min-width: 1440px) {
      #jovina-content #sec-6 > ul > li:nth-of-type(3) {
        height: 280px;
        margin-left: 40px;
        margin-top: -32px; } }
    @media (min-width: 768px) and (max-width: 767px) {
      #jovina-content #sec-6 > ul > li:nth-of-type(3) {
        height: calc(100vw * 0/375);
        margin-left: calc(100vw * 0/375);
        margin-top: calc(100vw * 0/375); } }
        @media (min-width: 768px) {
              #jovina-content #sec-6 > ul > li:nth-of-type(3):before {
                width: calc(100vw * 190/1440);
                height: calc(100vw * 90/1440);
                left: calc(100vw * 395/1440);
                top: calc(100vw * 45/1440);
                border-style: none solid solid none; } }
      @media (min-width: 768px) and (min-width: 1440px) {
        #jovina-content #sec-6 > ul > li:nth-of-type(3):before {
          width: 190px;
          height: 90px;
          left: 395px;
          top: 45px; } }
      @media (min-width: 768px) and (max-width: 767px) {
        #jovina-content #sec-6 > ul > li:nth-of-type(3):before {
          width: calc(100vw * 0/375);
          height: calc(100vw * 0/375);
          left: calc(100vw * 0/375);
          top: calc(100vw * 0/375); } }
        @media (min-width: 768px) {
              #jovina-content #sec-6 > ul > li:nth-of-type(3):after {
                left: calc(100vw * 576.5/1440);
                top: calc(100vw * 30/1440); } }
      @media (min-width: 768px) and (min-width: 1440px) {
        #jovina-content #sec-6 > ul > li:nth-of-type(3):after {
          left: 576.5px;
          top: 30px; } }
      @media (min-width: 768px) and (max-width: 767px) {
        #jovina-content #sec-6 > ul > li:nth-of-type(3):after {
          left: calc(100vw * 0/375);
          top: calc(100vw * 0/375); } }
        #jovina-content #sec-6 > ul > li strong {
          font-family: 'DB-Heavent-reg' !important;
          font-weight: normal; }
        #jovina-content #sec-6 > ul > li h4 {
          font-family: 'DB-Heavent-med' !important;
          font-size: calc(100vw * 96/1440);
          margin-bottom: calc(100vw * 20/1440);
          color: #965E2C;
          display: inline-flex;
          flex-flow: column;
          align-items: center;
          justify-content: center;
          line-height: 1.1;
          position: relative;
          margin-left: auto;
          margin-right: auto; }
          @media (min-width: 1440px) {
            #jovina-content #sec-6 > ul > li h4 {
              font-size: 96px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-6 > ul > li h4 {
              font-size: calc(100vw * 45/375); } }
          @media (min-width: 1440px) {
            #jovina-content #sec-6 > ul > li h4 {
              margin-bottom: 20px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-6 > ul > li h4 {
              margin-bottom: calc(100vw * 20/375); } }
          #jovina-content #sec-6 > ul > li h4 strong {
            font-size: calc(100vw * 45/1440);
            height: calc(100vw * 54/1440);
            padding: calc(100vw * 0/1440) calc(100vw * 12/1440);
            display: inline-grid;
            place-items: center;
            min-width: 100%;
            background: linear-gradient(90deg, #d0ad6a 0%, #dabb7f 2.8%, #e9d19f 9.1%, #f4e0b6 20.5%, #fbeac4 31.5%, #fdedc9 41.8%, #fcebc6 50.8%, #f7e4bc 63.4%, #efd9ac 73%, #e4ca95 81.6%, #d6b678 89.6%, #d0ad6a 100%);
            font-weight: normal; }
            @media (min-width: 1440px) {
              #jovina-content #sec-6 > ul > li h4 strong {
                font-size: 45px; } }
            @media (max-width: 767px) {
              #jovina-content #sec-6 > ul > li h4 strong {
                font-size: calc(100vw * 25/375); } }
            @media (min-width: 1440px) {
              #jovina-content #sec-6 > ul > li h4 strong {
                height: 54px; } }
            @media (max-width: 767px) {
              #jovina-content #sec-6 > ul > li h4 strong {
                height: calc(100vw * 32/375); } }
            @media (min-width: 1440px) {
              #jovina-content #sec-6 > ul > li h4 strong {
                padding: 0px 12px; } }
            @media (max-width: 767px) {
              #jovina-content #sec-6 > ul > li h4 strong {
                padding: calc(100vw * 0/375) calc(100vw * 6/375); } }
        #jovina-content #sec-6 > ul > li p, #jovina-content #sec-6 > ul > li ul {
          line-height: 1.3; }
        #jovina-content #sec-6 > ul > li ul {
          width: calc(100vw * 425/1440);
          list-style: none;
          margin-left: auto;
          margin-right: auto; }
          @media (min-width: 1440px) {
            #jovina-content #sec-6 > ul > li ul {
              width: 425px; } }
          @media (max-width: 767px) {
            #jovina-content #sec-6 > ul > li ul {
              width: calc(100vw * 325/375); } }
          #jovina-content #sec-6 > ul > li ul li {
            padding-left: calc(100vw * 26/1440);
            padding-bottom: calc(100vw * 8/1440);
            position: relative;
            text-align: left; }
            @media (min-width: 1440px) {
              #jovina-content #sec-6 > ul > li ul li {
                padding-left: 26px;
                padding-bottom: 8px; } }
            @media (max-width: 767px) {
              #jovina-content #sec-6 > ul > li ul li {
                padding-left: calc(100vw * 24/375);
                padding-bottom: calc(100vw * 4/375); } }
            #jovina-content #sec-6 > ul > li ul li:before {
              background: #965E2C;
              border-radius: 50%;
              left: 0;
              width: calc(100vw * 6/1440);
              height: calc(100vw * 6/1440);
              top: calc(100vw * 18/1440);
              content: '';
              display: block;
              position: absolute; }
              @media (min-width: 1440px) {
                #jovina-content #sec-6 > ul > li ul li:before {
                  width: 6px;
                  height: 6px;
                  top: 18px; } }
              @media (max-width: 767px) {
                #jovina-content #sec-6 > ul > li ul li:before {
                  width: calc(100vw * 4/375);
                  height: calc(100vw * 4/375);
                  top: calc(100vw * 14/375); } }
  #jovina-content #sec-7 {
    height: calc(100vw * 1322/1440); }
    @media (min-width: 1440px) {
      #jovina-content #sec-7 {
        height: 1322px; } }
    @media (max-width: 767px) {
      #jovina-content #sec-7 {
        height: calc(100vw * 489/375); } }
    #jovina-content #sec-7 > * {
      margin-left: auto;
      margin-right: auto; }
    #jovina-content #sec-7 .video-wrapper {
      width: calc(100vw * 1160/1440);
      margin-bottom: calc(100vw * 70/1440);
      padding: calc(100vw * 20/1440) calc(100vw * 0/1440);
      margin-left: auto;
      margin-right: auto;
      background: linear-gradient(90deg, #ab723b 0%, #fcd391 54.2%, #ab723b 100%); }
      @media (min-width: 1440px) {
        #jovina-content #sec-7 .video-wrapper {
          width: 1160px;
          margin-bottom: 70px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-7 .video-wrapper {
          width: calc(100vw * 315/375);
          margin-bottom: calc(100vw * 40/375); } }
      @media (min-width: 1440px) {
        #jovina-content #sec-7 .video-wrapper {
          padding: 20px 0px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-7 .video-wrapper {
          padding: calc(100vw * 10/375) calc(100vw * 0/375); } }
      #jovina-content #sec-7 .video-wrapper .embed-responsive {
        background: white; }
    #jovina-content #sec-7 h2 {
      font-family: 'DB-Heavent-reg' !important;
      font-size: calc(100vw * 100/1440); }
      @media (min-width: 1440px) {
        #jovina-content #sec-7 h2 {
          font-size: 100px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-7 h2 {
          font-size: calc(100vw * 45/375); } }
    #jovina-content #sec-7 h1.jovina-logo {
      width: calc(100vw * 506/1440);
      height: calc(100vw * 134/1440);
      margin-top: calc(100vw * 12/1440); }
      @media (min-width: 1440px) {
        #jovina-content #sec-7 h1.jovina-logo {
          width: 506px;
          height: 134px;
          margin-top: 12px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-7 h1.jovina-logo {
          width: calc(100vw * 230.71/375);
          height: calc(100vw * 61.07/375);
          margin-top: calc(100vw * 6/375); } }
    #jovina-content #sec-7 p {
      font-family: 'DB-Heavent-reg' !important;
      font-size: calc(100vw * 45/1440);
      padding: calc(100vw * 24/1440) calc(100vw * 0/1440); }
      @media (min-width: 1440px) {
        #jovina-content #sec-7 p {
          font-size: 45px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-7 p {
          font-size: calc(100vw * 20/375); } }
      @media (min-width: 1440px) {
        #jovina-content #sec-7 p {
          padding: 24px 0px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-7 p {
          padding: calc(100vw * 12/375) calc(100vw * 0/375); } }
    #jovina-content #sec-7 .links {
      grid-gap: calc(100vw * 36/1440);
      display: inline-grid;
      grid-template-columns: repeat(7, auto); }
      @media (min-width: 1440px) {
        #jovina-content #sec-7 .links {
          grid-gap: 36px; } }
      @media (max-width: 767px) {
        #jovina-content #sec-7 .links {
          grid-gap: calc(100vw * 15/375); } }
      #jovina-content #sec-7 .links a img {
        width: calc(100vw * 60/1440); }
        @media (min-width: 1440px) {
          #jovina-content #sec-7 .links a img {
            width: 60px; } }
        @media (max-width: 767px) {
          #jovina-content #sec-7 .links a img {
            width: calc(100vw * 24/375); } }