.summer .banner {
  height: 720px;
  background: url(../isr/banner_bg.jpg) left no-repeat;
  box-sizing: border-box; }
  .summer .banner .wrapper {
    padding-top: 38px; }
    .summer .banner .wrapper .title {
      display: flex;
      align-items: center;
      justify-content: center; }
      .summer .banner .wrapper .title img {
        display: block; }
      .summer .banner .wrapper .title h1 {
        position: relative;
        top: -10px;
        margin: 0px;
        height: fit-content;
        background: none; }
        .summer .banner .wrapper .title h1 p {
          font-size: 22px;
          font-weight: 400;
          margin-top: -10px;
          text-align: center; }
          .summer .banner .wrapper .title h1 p span {
            font-size: 24px;
            font-weight: bold;
            position: relative;
            color: #FF4408; }
            .summer .banner .wrapper .title h1 p span::after {
              content: "";
              display: block;
              width: 100%;
              height: 7px;
              position: absolute;
              bottom: -5px;
              left: 0px;
              background: url(./line.svg) center no-repeat; }
.summer .feature .message .img-box img {
  top: 30px; }
.summer .feature .message .feature-off {
  width: 208px;
  height: 212px;
  right: 33px;
  background: url(./gift_box.png) center no-repeat; }
  .summer .feature .message .feature-off p {
    left: 55px;
    bottom: 24px;
    font-size: 20px; }
.summer .table-box h2::after, .summer .about h2::after {
  display: none; }
.summer .popbg {
  width: 100%;
  height: 100%;
  background: rgba(14, 41, 27, 0.8) 0% 0% no-repeat padding-box;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  position: fixed;
  top: 0;
  left: 0;
  transform: scale(0);
  transform-origin: center;
  z-index: -999;
  transition: all .3s ease-out; }
  .summer .popbg.on {
    opacity: 1;
    transform: scale(1);
    z-index: 999; }
.summer .isrsummer-pop {
  position: fixed;
  width: 814px;
  height: 444px;
  left: 0;
  right: 0;
  top: -160px;
  bottom: 0;
  margin: auto;
  transform: scale(0);
  z-index: -999;
  background: url(../isr/pop_bg.png) center no-repeat;
  transition: all .3s ease-out; }
  .summer .isrsummer-pop.on {
    transform: scale(1);
    z-index: 1000;
    opacity: 1; }
  .summer .isrsummer-pop > img {
    display: block;
    margin: 15px auto 0px; }
  .summer .isrsummer-pop .pop_title {
    position: absolute;
    top: 94px;
    left: 95px; }
    .summer .isrsummer-pop .pop_title b {
      font-size: 50px;
      font-weight: 400;
      color: #B82D00;
      text-shadow: 4px 4px 7px #FFF67A; }
    .summer .isrsummer-pop .pop_title span {
      font-size: 28px;
      font-weight: 500;
      color: #B82D00;
      text-shadow: 4px 4px 7px #FFF67A; }
  .summer .isrsummer-pop .close {
    position: absolute;
    display: block;
    width: 43px;
    height: 43px;
    top: 0px;
    right: 70px;
    cursor: pointer;
    background: url(../isr/close_n.png); }
    .summer .isrsummer-pop .close:hover {
      background: url(../isr/close_h.png); }
  .summer .isrsummer-pop .pop_cont {
    display: flex;
    margin-top: 180px;
    padding-left: 90px; }
    .summer .isrsummer-pop .pop_cont .pop_contl {
      position: relative;
      z-index: 2; }
      .summer .isrsummer-pop .pop_cont .pop_contl div {
        width: 150px;
        height: 177px;
        position: relative;
        background: url(./pop_box.png) center no-repeat; }
        .summer .isrsummer-pop .pop_cont .pop_contl div h4 {
          position: absolute;
          bottom: 0px;
          display: flex;
          gap: 2px;
          background-image: -webkit-linear-gradient(270deg, #FF9912 0%, #FF0000 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
          .summer .isrsummer-pop .pop_cont .pop_contl div h4 p {
            font-size: 58px;
            font-weight: bold;
            display: flex;
            flex-direction: column; }
            .summer .isrsummer-pop .pop_cont .pop_contl div h4 p span {
              font-size: 28px;
              font-weight: bold;
              display: block; }
            .summer .isrsummer-pop .pop_cont .pop_contl div h4 p b {
              font-size: 22px;
              font-weight: bold; }
    .summer .isrsummer-pop .pop_cont .pop_contr {
      width: 440px;
      position: relative;
      z-index: 1; }
      .summer .isrsummer-pop .pop_cont .pop_contr h2 {
        position: relative;
        left: 30px;
        font-size: 16px;
        font-weight: 600; }
        .summer .isrsummer-pop .pop_cont .pop_contr h2 p,
        .summer .isrsummer-pop .pop_cont .pop_contr h2 span {
          font-size: 20px;
          font-weight: bold;
          color: #FF3708; }
      .summer .isrsummer-pop .pop_cont .pop_contr .price_sf {
        display: flex;
        justify-content: start;
        position: relative;
        margin: 15px 0px;
        height: 77px; }
        .summer .isrsummer-pop .pop_cont .pop_contr .price_sf div {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          height: 100%;
          position: absolute;
          font-size: 14px;
          color: rgba(0, 0, 0, 0.65); }
          .summer .isrsummer-pop .pop_cont .pop_contr .price_sf div span {
            display: block;
            color: #437D60;
            font-weight: 400; }
            .summer .isrsummer-pop .pop_cont .pop_contr .price_sf div span b {
              font-weight: 400;
              font-size: 22px;
              text-decoration: line-through; }
          .summer .isrsummer-pop .pop_cont .pop_contr .price_sf div:nth-of-type(1) {
            width: 235px;
            background: url(../isr/pop_img1.png) center no-repeat;
            left: -35px;
            color: #000; }
            .summer .isrsummer-pop .pop_cont .pop_contr .price_sf div:nth-of-type(1) span {
              padding-top: 8px;
              font-size: 20px;
              font-weight: bold;
              color: #FF0000; }
              .summer .isrsummer-pop .pop_cont .pop_contr .price_sf div:nth-of-type(1) span b {
                font-weight: bold;
                font-size: 30px;
                text-decoration: none; }
          .summer .isrsummer-pop .pop_cont .pop_contr .price_sf div:nth-of-type(2) {
            width: 210px;
            background: url(../isr/pop_img2.png) center no-repeat;
            left: 118px; }
            .summer .isrsummer-pop .pop_cont .pop_contr .price_sf div:nth-of-type(2) span {
              padding-top: 10px; }
          .summer .isrsummer-pop .pop_cont .pop_contr .price_sf div:nth-of-type(3) {
            width: 226px;
            background: url(../isr/pop_img3.png) center no-repeat;
            align-items: start;
            padding-left: 70px;
            left: 237px; }
            .summer .isrsummer-pop .pop_cont .pop_contr .price_sf div:nth-of-type(3) span {
              padding-top: 12px; }
      .summer .isrsummer-pop .pop_cont .pop_contr .buybtn {
        display: flex;
        margin: 0px auto;
        align-items: center;
        justify-content: center;
        width: 258px;
        height: 48px;
        border: 1px solid #707070;
        border-radius: 24px;
        font: normal normal 600 18px League Spartan;
        color: #1E1C2C;
        transition: all .3s ease; }
        .summer .isrsummer-pop .pop_cont .pop_contr .buybtn::after {
          display: none; }
        .summer .isrsummer-pop .pop_cont .pop_contr .buybtn.red {
          background: transparent linear-gradient(90deg, #FFAB19 0%, #FF1002 100%) 0% 0% no-repeat padding-box;
          border: 1px solid rgba(251, 235, 4, 0.77);
          color: #fff; }
        .summer .isrsummer-pop .pop_cont .pop_contr .buybtn:hover {
          background: transparent linear-gradient(90deg, #FFD119 0%, #FF870E 100%) 0% 0% no-repeat padding-box;
          box-shadow: 0px 6px 12px #F1800073;
          border: 1px solid #FBEB04C4;
          color: #fff; }
      .summer .isrsummer-pop .pop_cont .pop_contr .buybtn, .summer .isrsummer-pop .pop_cont .pop_contr > p {
        width: 272px;
        position: relative;
        left: -20px; }
      .summer .isrsummer-pop .pop_cont .pop_contr > p {
        margin: 10px auto;
        font-size: 14px;
        color: #215D3F;
        font-weight: 500;
        text-align: center; }

/*# sourceMappingURL=summersale.css.map */