/*BN master styles*/
.bn.lto-box {margin-top: 20px; border-top-width: 50px; border-top-style: solid; padding: 10px 10px 10px 15px;}
.bn.lto-box h4 { font-weight: normal; line-height: 1.1;}
.bn.lto-box p { margin: 0; line-height: 1.2; }
.bn.lto-box .save { display: inline-block; color: #000 !important; font-size: 16px }
.bn.lto-box .link { text-decoration: underline; color: #000 !important; display: block}
.bn.lto-box .link a{color: #333}
.bn.lto-box .bn-timer { float: left; width: 100%; margin-top: -55px;}
.bn.lto-box .bn-timer #simple_timer, .bn.lto-box .bn-timer .simple_timer_bn { margin: 2px -5px 0 0 !important}
.bn.lto-box .bn-timer span { float: left; font-size: 15px; color:#fff; max-width: 100px;}
.bn.lto-box .syotimer-cell { float: left; width: 30px; }
.bn.lto-box .syotimer-cell__value {   width: 30px; font-size: 18px; }
#vector .lto-promo { font-weight: 400; padding: 5px 10px 5px 10px;}
@media (min-width: 768px) and (max-width: 1199px) {
    .offer-box .bn.lto-box { border-top-width: 80px; }
    .offer-box .bn.lto-box .bn-timer{ margin-top: -85px; }
    .offer-box .bn.lto-box .bn-timer span { float: none; }
    .offer-box .bn.lto-box .bn-timer #simple_timer,.offer-box .bn.lto-box .bn-timer .simple_timer_bn { float: none }
}
/*BN Waves*/
.wave1 .bn.lto-box, .wave2 .bn.lto-box, .wave5 .bn.lto-box { border-top-width: 5px; }
.wave1 .bn.lto-box .bn-timer, .wave2 .bn.lto-box .bn-timer, .wave5 .bn.lto-box .bn-timer, .bn.lto-box [data-promo-text="promoMsgShort"]{display: none !important;}

.wave1 .bn.lto-box { border-top-color: #ffea03 }
.wave1 .bn.lto-box h4, .wave1 #prod-hero .lto-promo-container .bn.lto-box h4{ color:  #000 }
.wave1 .lto-promo, .wave1 .lto-promo p { background: #ffea03 !important;color: #333 !important; display: inline-block }
.wave1 .lto-content#lto-details .save { font-weight: bold; color: #888; }

/*Wave 2*/
.wave2 .bn.lto-box {border-top-color: #ff5400 }
.wave2 .bn.lto-box h4, .wave2 #prod-hero .lto-promo-container .bn.lto-box h4 { color: #ff5400 }
.wave2 .lto-promo, .wave2 .lto-promo p { background: #ff5400 !important; display: inline-block }
.wave2 .lto-content#lto-details .save { font-weight: bold; color: #ff5400; }

/*Wave 3*/
.wave3 .bn.lto-box { border-top-color: #d00084 }
.wave3 .bn.lto-box h4, .wave3 #prod-hero .lto-promo-container .bn.lto-box h4 { color: #d00084 }
.wave3 .lto-promo, .wave3 .lto-promo p { background: #d00084 !important; display: inline-block }
.wave3 .lto-content#lto-details .save { font-weight: bold; color: #d00084; }

/*Wave 5*/
.wave5 .bn.lto-box { border-top-color: #2cbe2d }
.wave5 .bn.lto-box h4, .wave5 #prod-hero .lto-promo-container .bn.lto-box h4 { color: #2cbe2d }
.wave5 .lto-promo, .wave5 .lto-promo p { background: #2cbe2d !important; display: inline-block }
.wave5 .lto-content#lto-details .save { font-weight: bold; color: #2cbe2d; }

/*LTO styles*/
#prod-hero.new-pricebrick .bn.lto-box, #prod-hero .bn.lto-box, .bn.lto-box {background: #f6f6f6;border-left: none;padding-top: 10px;}
#prod-hero.new-pricebrick .lto-promo-container .bn p, #prod-hero .lto-promo-container .bn p, .lto-promo-container .bn p{color: #333; margin: 0; font-size: 13px;}

.mm #prod-hero .lto-promo{padding: 1px 0 1px 0}
.mm.wave2 .bn.lto-box { border-top-width: 5px; border-top-color: #000}
.mm.wave3 .bn.lto-box { border-top-color: #000}
.mm.wave5 .bn.lto-box { border-top-color: #288682; padding: 10px 10px 10px 15px }
.mm .lto-promo, .mm .lto-promo p { background: transparent !important; }
.mm .bn.lto-box h4, .mm #prod-hero .lto-promo-container h4{color: #000 !important; margin-bottom: 5px }
/* HSW Black November */
.hsw-msg .bn-timer { float: right; font-size: 22px; line-height: 1.6; margin-top: 10px }
#simple_timer, .simple_timer_bn { margin: 0 10px; float: right; line-height: 1.3;}
.syotimer-cell { float: left; width: 40px; text-align: center; margin: 0 3px; }
.syotimer-cell__value {font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif; position: relative; font-variant-numeric: tabular-nums; background-color: #fff; color: #555; letter-spacing: 3px; display: inline-block; padding: 0 0 2px 0; text-align: right; width: 35px; font-size: 22px; font-weight: 600; }
.syotimer-cell__value::before { content: ''; border-left: solid 2px #bdbdbd; position: absolute; left: 50%; top: 0; height: 100% }
.syotimer-cell__unit { font-size: 9px; color: #fff } .wave4 .syotimer-cell__unit {color: #333 }
.bn.hsw-title { font-size: 42px; text-transform: uppercase; font-weight: 600; margin-top: 12px; margin-bottom: 14px; float: left }
.bn.hsw-title.center { float: none; display: inline-block }
.bn.hsw-title .stack { font-size: 18px; line-height: 0.95; display: inline-block; }
.bn.hsw-title .hsw-btn { font-size: 16px; font-weight: 400; display: inline-block; vertical-align: top; padding:0px 13px 3px; margin: 2px 0 0 15px; }

@media (min-width: 768px) {
    #upgrade.mm .bn.lto-box .bn-timer span{max-width: initial}
    #paintshop-pro.standard.wave1 .bn.lto-box { border-top-color: #fe9b00 }
    #paintshop-pro.standard.wave1 .lto-promo, #paintshop-pro.standard.wave1 .lto-promo p{ background: #fe9b00!important; }
   /* #pvb.photo-video-bundle.pro.wave1 .bn.lto-box { border-top-color: #fe9b00 }
    #pvb.photo-video-bundle.pro.wave1 .lto-promo, #pvb.photo-video-bundle.pro.wave1 .lto-promo p{ background: #fe9b00!important; }*/

}
@media (min-width: 1200px) {
    .bn.lto-box .bn-timer {display: flex;justify-content: space-between;align-items: center;}

}
@media (max-width: 1199px) {
    .bn.hsw-title { font-size: 30px; margin-top: 8px; margin-bottom: 10px; }
    .bn.hsw-title .stack { font-size: 13px; }
    .bn.hsw-title .hsw-btn { font-size: 12px; }
    .hsw-msg .bn-timer { margin-top: 5px }
    .bn-timer { font-size: 18px; }
    .syotimer-cell { width: 38px; }
    .hsw-msg .syotimer-cell__value { padding: 0; width: 32px; font-size: 18px; }
}
@media (max-width: 767px) {
    .bn.hsw-title { font-size: 22px; }
    .bn.hsw-title .stack { font-size: 10px; }
    .bn.hsw-title .hsw-btn { font-size: 10px; padding: 0 8px; margin: 2px 0 0 5px; }
    .hsw-msg .bn-timer { display: none; }
    .bn.lto-box .bn-timer {display: flex;justify-content: space-between;align-items: center;}
    .wave3 #prod-hero .lto-box {border-top-width: 50px;border-top-color: #d00084;}
    .wave5 #prod-hero .lto-box {border-top-width: 5px;border-top-color: #2cbe2d;}
    .mm.wave3 #prod-hero .bn.lto-box { border-top-color: #000}
    .mm.wave5 #prod-hero .bn.lto-box { border-top-color: #288682}

}