#nov-bf-banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../../../images/banners/25/nov-bf/banner-back.jpg);
  background-image: -webkit-image-set(
    url("../../../images/banners/25/nov-bf/banner-back.jpg") 1x,
    url("../../../images/banners/25/nov-bf/banner-back@2x.jpg") 2x
  );
  width: 68vw;
  height: 12vw;
  margin: auto;
}
.first-btn {
  width: 8vw;
  height: 1.8vw;
  position: relative;
  bottom: -8vw;
  font-size: 1vw;
}
.nov-banner .banner-inner {
  padding: 0 15px;
}
.nov-banner .banner-main {
  padding-top: 40px;
  padding-bottom: 40px;
}
.nov-banner .banner-main:after {
  content: "";
  display: block;
  height: 100%;
  width: 682px;
  position: absolute;
  bottom: 0;
  right: -655px;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: cover;
  background-image: url(../../../images/banners/25/nov-bf/back.png);
  background-image: -webkit-image-set(
    url("../../../images/banners/25/nov-bf/back.png") 1x,
    url("../../../images/banners/25/nov-bf/back@2x.png") 2x
  );
}
.nov-banner .banner-cta {
  margin-left: 83px;
}
.nov-banner .button {
  width: 255px;
  height: 42px;
  margin-top: 14px;
  font-size: 1.15625;
}
.ua-desktop-macintosh .nov-banner .button,
.ua-ios .nov-banner .button {
  padding-top: 0.2em;
}
.ios-chrome-special {
  padding-top: 0.2vw;
}
@supports (background: -webkit-named-image(i)) {
  .first-btn {
    padding-top: 0.2vw;
  }
}
@media screen and (max-width: 1199px) {
  .nov-banner .container {
    padding: 0;
  }
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
  .nov-banner .banner-cta {
    margin-left: 45px;
  }
}
@media screen and (max-width: 567px) {
  #nov-bf-banner {
    background-image: url(../../../images/banners/25/nov-bf/banner-back-m.jpg);
    background-image: -webkit-image-set(
      url("../../../images/banners/25/nov-bf/banner-back-m.jpg") 1x,
      url("../../../images/banners/25/nov-bf/banner-back-m@2x.jpg") 2x
    );
    width: 95%;
    height: 50vw;
  }
  .first-btn {
    width: 39%;
    height: 8vw;
    font-size: 4vw;
    bottom: -37vw;
  }
  .nov-banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../../../images/banners/25/nov-bf/back-m.jpg);
    background-image: -webkit-image-set(
      url("../../../images/banners/25/nov-bf/back-m.jpg") 1x,
      url("../../../images/banners/25/nov-bf/back-m@2x.jpg") 2x
    );
  }
  .nov-banner .banner-inner {
    flex-direction: column;
    padding: 0;
    background-color: transparent;
  }
  .nov-banner .banner-main {
    padding: 30px 15px;
  }
  .nov-banner .banner-main:after {
    display: none;
  }
  .nov-banner .banner-cta {
    padding: 30px 15px;
    margin-left: 0;
    padding-top: 0;
  }
  .ios-chrome-special {
    padding-top: 0.3vw;
  }
}