#nov-promo {
  top: -1px;
}
#nov-hero {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../../../images/24/nov/hero/back.jpg);
  background-image: -webkit-image-set(
    url("../../../images/24/nov/hero/back.jpg") 1x,
    url("../../../images/24/nov/hero/back@2x.jpg") 2x
  );
}
#nov-hero .button {
  line-height: 1;
  font-size: 1.1em;
  height: 2.8em;
  width: 11em;
  border-radius: 0;
  margin-top: 1em;
}
#nov-hero .button:hover {
  text-decoration: none;
}
#nov-hero .nh-main .button {
  background-color: #ed383e !important;
  font-size: 1em !important;
  width: 14em !important;
}
#nov-hero .nh-right .button {
  background-color: #021e45;
}
#nov-hero .nh-inner {
  gap: 6em;
}
#nov-hero .nh-main .main {
  width: 39em;
  margin-top: 6em;
}
#nov-hero .nh-main .image {
  width: 40em;
  left: -2em;
  margin-top: 1em;
}

#nov-hero .nh-right .left-bg {
  width: 39em;
  z-index: 0;
}

#nov-hero .nh-right .text {
  width: 30em;
}

#nov-hero .nh-right .stocking {
  z-index: 3;
  width: 21em;
  height: auto;
}
.snow {
  z-index: 1;
  width: 118% !important;
  height: auto;
  left: -9%;
  top: 1px;
}

/* Safari Only */
@supports (background: -webkit-named-image(i)) {
  #nov-hero .nh-main .button {
    padding-top: 2px !important;
  }
}

@media screen and (max-width: 1600px) {
  .snow {
    width: 136em !important;
  }
}
@media screen and (max-width: 991px) {
  #nov-hero .nh-inner,
  #nov-hero .nh-main {
    width: 100%;
  }
  #nov-hero .nh-main .main {
    width: 78%;
    margin-top: 2em;
  }
  .nh-main .button {
    margin-bottom: 2em;
  }
  .nh-right-m .stocking {
    width: 100%;
    height: auto;
  }
  .nh-right-m .text {
    width: 74%;
    top: 22%;
  }
  .nh-right-m .button {
    line-height: 1;
    font-size: 1.1em;
    height: 2.8em;
    width: 11em;
    border-radius: 0;
    margin-top: 1em;
    top: 63%;
    background-color: #021e45;
  }
  .snow {
    z-index: 1;
    width: 204em !important;
    height: auto;
    left: -31%;
  }
}
@media screen and (max-width: 767px) {
  .snow {
    z-index: 1;
    width: 100% !important;
    height: auto;
    left: 1%;
  }
}
@media screen and (max-width: 567px) {
  #nov-promo {
    margin-bottom: 30px;
  }
  #nov-hero {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../../../images/24/nov/hero/back-m.jpg);
    background-image: -webkit-image-set(
      url("../../../images/24/nov/hero/back-m.jpg") 1x,
      url("../../../images/24/nov/hero/back-m@2x.jpg") 2x
    );
  }
  #nov-hero .nh-main .main {
    width: 98%;
    margin-top: 6%;
  }
  #nov-hero .nh-main .button {
    margin-bottom: 2%;
    margin-top: 4% !important;
    font-size: 0.9em !important;
  }
  #nov-hero .nh-main .image {
    width: 100%;
    left: -3%;
  }
  .nh-right-m .text {
    width: 82%;
    top: 15%;
  }
  .nh-right-m .button {
    line-height: 1;
    font-size: 1em;
    height: 2.8em;
    width: 11em;
    border-radius: 0;
    margin-top: 1em;
    top: 57%;
    background-color: #021e45;
  }
  .snow {
    z-index: 1;
    height: auto;
    width: 141% !important;
    left: 0%;
  }
}
@media screen and (max-width: 375px) {
  #nov-hero .nh-main .button {
    margin-bottom: 2%;
    margin-top: 4% !important;
    font-size: 0.7em !important;
  }
  .nh-right-m .button {
    line-height: 1;
    font-size: 0.7em;
    height: 2.8em;
    width: 11em;
    border-radius: 0;
    margin-top: 1em;
    top: 57%;
    background-color: #021e45;
  }
}

/* SUB */

#nov-sub {
  max-width: 90em;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin: 2em 0;
}

#nov-sub .timer-box {
  margin: 1em 0;
  margin-top: 0;
}
#nov-sub .timer-display .timer-item {
  font-size: 4em;
  margin-top: 0.35em;
  margin-bottom: 0em;
  margin-right: 0.5em;
  margin-left: 0.5em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#nov-sub .timer-item .timer-sub {
  font-size: 0.4em !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.8em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#nov-sub .ct-sub {
  gap: 4em;
}

#nov-sub .ct-left {
  margin-top: 2em;
}

#nov-sub .ct-left .ct-main {
  width: 29em;
  margin-bottom: 0;
}

#nov-sub .ct-left .button {
  width: 9.5em;
  height: 2.2em;
  border-radius: 0;
  font-size: 1.2em;
  line-height: 1;
  margin-top: 1em;
  background-color: #f8ef24;
}

#nov-sub .ct-right .ct-text {
  width: 22em;
  margin-bottom: 1em;
}

.ct-right {
  margin-top: 3em;
  margin-bottom: 2em;
}

#nov-sub .button {
  color: white;
  text-decoration: none;
}

#nov-sub .button:active,
#nov-sub .button:hover,
#nov-sub .button:visited {
  color: white;
  text-decoration: none;
}

/* Safari Only */
@supports (background: -webkit-named-image(i)) {
  #nov-sub .button {
    padding-top: 1px;
  }
}

@media screen and (max-width: 991px) {
  #nov-sub .ct-left .ct-main {
    width: 20em;
    margin-bottom: 1.5em;
  }
  #nov-sub .ct-left .button {
    font-size: 1.15em;
  }
  #nov-sub .ct-right .ct-text {
    width: 20em;
    margin-bottom: 1em;
  }
  #nov-sub .timer-display .timer-item {
    font-size: 3em;
  }
  #nov-sub .ct-left {
    margin: 3em 1em;
  }
  #nov-sub .ct-sub {
    gap: 2em;
  }
}

@media screen and (max-width: 767px) {
  #nov-sub .ct-sub {
    gap: 1em;
    flex-direction: column;
  }
  #nov-sub .ct-left {
    margin: 0em 0;
  }
  #nov-sub .ct-left .ct-main {
    width: 100%;
    margin-bottom: 6%;
    margin-top: 13%;
  }
  #nov-sub .ct-right .ct-text {
    width: 89%;
    margin-bottom: 3%;
    margin-top: 3%;
  }
  #nov-sub .timer-box {
    margin: 1em 0;
    margin-top: 0;
    margin-bottom: 8%;
  }
  #nov-sub .timer-display .timer-item {
    margin-right: 0.3em;
    margin-left: 0.3em;
  }
  #nov-sub .ct-sub {
    gap: 1em;
  }
  #nov-sub .ct-left {
    margin: 1em 1em;
  }
  .ct-right {
    margin-top: 1em;
    margin-bottom: 2em;
  }
}

@media screen and (max-width: 567px) {
  #nov-sub {
    margin-top: 0;
  }
  #nov-sub .ct-left {
    margin: 0em;
  }
  #nov-sub .ct-left .ct-main {
    width: 87%;
    margin-bottom: 6%;
    margin-top: 11%;
  }
  #nov-sub .ct-left .button {
    font-size: 1.1em;
  }
  #nov-sub .ct-right .ct-text {
    width: 78%;
    margin-bottom: 3%;
    margin-top: 3%;
  }
  .ct-right {
    margin-top: 0em;
    margin-bottom: 1em;
  }
}

@media screen and (max-width: 375px) {
  #nov-sub .ct-left .ct-main {
    width: 92%;
    margin-bottom: 6%;
    margin-top: 17%;
  }
  #nov-sub .ct-left .button {
    font-size: 0.9em;
  }
  #nov-sub .ct-right .ct-text {
    width: 86%;
    margin-bottom: 3%;
    margin-top: 3%;
  }
  #nov-sub .timer-display .timer-item {
    font-size: 2.4em;
  }
}

/* SUB 2*/
/* SUB 2*/
.nov-sub2 .button {
  background-color: #ed1c24;
  margin-top: 1em;
}

.nov-sub2 {
  max-width: 100% !important;
  width: 100% !important;
  left: 0 !important;
  transform: unset !important;
  margin: 0 !important;
}

.nov-sub2 .ct-right {
  margin-top: 2em !important;
  margin-bottom: 0.6em !important;
}
.nov-sub2 .ct-right .ct-text {
  width: 30em !important;
  margin-bottom: 1em;
}

.nov-sub2 .ct-left .ct-main {
  width: 25em !important;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .nov-sub2 .ct-sub {
    gap: 1em;
    margin: 0 1em;
  }
  .nov-sub2 .ct-right .ct-text {
    width: 26em !important;
  }
}
@media screen and (max-width: 767px) {
  .nov-sub2 .ct-right {
    margin-top: 0em !important;
    margin-bottom: 0.6em !important;
  }
}
@media screen and (max-width: 567px) {
  .nov-sub2 .ct-right .ct-text {
    width: 100% !important;
    padding: 0 1.5em !important;
    margin-top: 1% !important;
  }
  .nov-sub2 .ct-right {
    margin-top: 0em !important;
    margin-bottom: 0.6em !important;
  }
  .nov-sub2 .ct-left .ct-main {
    width: 100% !important;
    margin-top: 8% !important;
    margin-bottom: 0 !important;
    padding: 0 3em;
  }
  .nov-sub2 .timer-box {
    margin-bottom: 4% !important;
  }
  .nov-sub2 .ct-sub {
    margin: 0;
  }
}

@media screen and (max-width: 375px) {
  .nov-sub2 .ct-left .ct-main {
    margin-bottom: 0% !important;
    margin-top: 8% !important;
  }
}