#promo-banner4 {
  position: relative;
  display: block;
  width: 100%;
  background-color: #fff;
}
#promo-banner4 a {
  display: block;
  position: relative;
}

@media only screen and (min-width: 1201px) {
  #promo-banner4 a {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
}
@media only screen and (min-width: 1201px) {
  #promo-banner4 a .images {
      height: 100%;
  }
}
#promo-banner4 a .images .desktop {
  display: none;
}
@media only screen and (min-width: 1201px) {
  #promo-banner4 a .images .desktop {
      display: block;
  }
}
#promo-banner4 a .images .tablet {
  display: none;
}
@media only screen and (min-width: 576px) {
  #promo-banner4 a .images .tablet {
      display: block;
  }
}
@media only screen and (min-width: 1201px) {
  #promo-banner4 a .images .tablet {
      display: none;
  }
}
#promo-banner4 a .images .mobile {
  display: block;
}
@media only screen and (min-width: 576px) {
  #promo-banner4 a .images .mobile {
      display: none;
  }
}
#promo-banner4 a .images img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
#promo-banner4 a .counter-wrap {
  padding: 0.25rem 1rem 1rem 1rem;
}
@media only screen and (min-width: 576px) {
  #promo-banner4 a .counter-wrap {
      padding: .25rem 1rem 1rem;
  }
}
#promo-banner4 a .counter-wrap .title {
  color: #0c1539;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}
#promo-banner4 a .counter-wrap .counter {
  margin: auto;
  color: #0c1539;
  font-weight: 700;
  font-size: 2.5em;
  font-family: Ubuntu, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
@media only screen and (min-width: 1601px) {
  #promo-banner4 a .counter-wrap .counter {
      font-size: 3.5rem;
  }
}
#promo-banner4 a .counter-wrap .counter > div {
  height: 100%;
  text-align: center;
}
#promo-banner4 a .counter-wrap .counter #separator {
  padding: 0 1rem 0 0;
  line-height: 1;
  text-align: center;
  width: 20px;
  transition: opacity 1s linear;
}
@media only screen and (min-width: 768px) {
  #promo-banner4 a .counter-wrap .counter #separator {
      padding: 0;
  }
}
@media only screen and (min-width: 1201px) {
  #promo-banner4 a .counter-wrap .counter #separator {
      width: 10px;
      padding: 0 1rem 0 0.2rem;
  }
}
@media only screen and (min-width: 1601px) {
  #promo-banner4 a .counter-wrap .counter #separator {
      width: 10px;
      padding: 0 1.2rem 0 0;
  }
}
#promo-banner4 a .counter-wrap .counter #separator.flash {
  opacity: 1;
}
#promo-banner4 a .counter-wrap.desktop {
  display: none;
}

#promo-banner4 a .counter-wrap.desktop .title {
  display: none;
}

@media only screen and (min-width: 768px) {
  #promo-banner4 a .counter-wrap.desktop {
      display: none;
  }
}
@media only screen and (min-width: 1201px) {
  #promo-banner4 a .counter-wrap.desktop {
      display: block;
      background-color: transparent;
      border-radius: 1.4rem;
      margin-right: 2rem;
      border: 2px solid #0c1539;
  }
}
#promo-banner4 a .counter-wrap.mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2rem;
  background-color: #fff;
}
#promo-banner4 a .counter-wrap.mobile .title {
  color: #0c1539;
  font-size: 1rem;
  padding-right: 0.5rem;
}
@media only screen and (min-width: 576px) {
  #promo-banner4 a .counter-wrap.mobile .title {
      font-size: 1.6rem;
  }
}
#promo-banner4 a .counter-wrap.mobile .counter {
  font-size: 1rem;
}
@media only screen and (min-width: 576px) {
  #promo-banner4 a .counter-wrap.mobile .counter {
      font-size: 1.6rem;
  }
}
#promo-banner4 a .counter-wrap.mobile .counter > div {
  letter-spacing: 0;
  color: #80c2ff;
}
#promo-banner4 a .counter-wrap.mobile .counter #separator {
  padding: 0;
  width: 10px;
}
@media only screen and (min-width: 768px) {
  #promo-banner4 a .counter-wrap.mobile {
      display: none;
  }
}
#promo-banner4 a .counter-wrap.tablet {
  display: none;
  justify-content: center;
  align-items: center;
  padding: 0 2rem;
}
#promo-banner4 a .counter-wrap.tablet .title {
  color: #0c1539;
  font-size: 1rem;
  padding-right: 0.5rem;
}
@media only screen and (min-width: 421px) {
  #promo-banner4 a .counter-wrap.tablet .title {
      font-size: 1.6rem;
  }
}
#promo-banner4 a .counter-wrap.tablet .counter {
  font-size: 1rem;
}
@media only screen and (min-width: 421px) {
  #promo-banner4 a .counter-wrap.tablet .counter {
      font-size: 1.6rem;
  }
}
#promo-banner4 a .counter-wrap.tablet .counter > div {
  letter-spacing: 0;
  color: #80c2ff;
}
#promo-banner4 a .counter-wrap.tablet .counter #separator {
  padding: 0;
  width: 10px;
}
@media only screen and (min-width: 768px) {
  #promo-banner4 a .counter-wrap.tablet {
      display: flex;
      background-color: #fff;
  }
}
@media only screen and (min-width: 1201px) {
  #promo-banner4 a .counter-wrap.tablet {
      display: none;
  }
}

#promo-banner4 a .counter-wrap.desktop{
  width: 380px;
}

.counter ul li{
    display: inline-block;
    list-style-type: none;
    text-align: center;
    font-size: 1rem;
    color: #80c2ff;
    padding: 0 0.5rem;
    font-weight: bold;
}

.counter ul li span{
    display: block;
    font-size: 2rem;
    color: #0c1539;
}

@media only screen and (max-width: 1660px) {
  #promo-banner4 a .counter-wrap.desktop{
      width: 400px;
  }

  .counter ul li span{
    font-size: 2rem;
  }
}



@media only screen and (max-width: 1490px) {

  #promo-banner4 a .counter-wrap .counter{
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 1440px) {
  #promo-banner4 a .counter-wrap.desktop{
      width: 400px;
      margin-right: 1rem;
  }

  #promo-banner4 a .counter-wrap .counter{
    font-size: 1.2rem;
  }
}


@media only screen and (max-width: 1400px) {
  #promo-banner4 a .counter-wrap.desktop{
      width: 460px;
  }

  #promo-banner4 a .counter-wrap{
    padding: 0 1rem;
  }
}


body.home-new #top-menu-new {
  position: relative;
  z-index: 90;
  padding: 5px 0;
  width: 100%;
  overflow: visible;
  background-color: #A80F11;
}

body #home-upsells .box-items,
body #upsells .box-items {
    margin-bottom: 30px;
}

body #home-upsells .box-items.vertical-center,
body #upsells .box-items.vertical-center {
    display: flex;
    align-items: center;
}

body #home-upsells .box-items .box .upsell-wrap.no-center,
body #upsells .box-items .box .upsell-wrap.no-center {
    align-items: flex-start;
}

body #home-upsells .box-items .box .upsell-wrap.no-center .upsell-list li.icon:before ,
body #upsells .box-items .box .upsell-wrap.no-center .upsell-list li.icon:before{
    background-image: url(/assets/img/svg/icon-red-check.svg)!important;
    background-repeat: no-repeat!important;
    content: ""!important;
    display: inline-block!important;
    height: 17px!important;
    width: 20px!important;
}