@charset "utf-8";


.wrapper{background: url('../black_friday2024/bg_top.jpg') #fff repeat-x top center; }

@supports (background-image: -webkit-image-set(url('../black_friday2024/bg_top.webp') 1x)) {
    .wrapper { background-image: -webkit-image-set(url('../black_friday2024/bg_top.webp') 1x) }
}
@supports(-webkit-touch-callout:none) {
    .wrapper { background-image: url('../black_friday2024/bg_top.webp') }
}



.wrapper nav.navbar.bootsnav{background-color:transparent; box-shadow:none;}
.wrapper .tops{background-color:transparent; padding-top: 60px; border-bottom: 1px solid rgba(0,0,0,.1);} 

.wrapper .site-footer{background: url('../black_friday2024/bg_foot.jpg') #000 repeat-x bottom center;}

@supports (background-image: -webkit-image-set(url('../black_friday2024/bg_foot.webp') 1x)) {
    .wrapper .site-footer { background-image: -webkit-image-set(url('../black_friday2024/bg_foot.webp') 1x) }
}
@supports(-webkit-touch-callout:none) {
    .wrapper .site-footer { background-image: url('../black_friday2024/bg_foot.webp') }
}

.wrapper .list-1 li.item-promote::before{content: " "; width:80px; height: 77px; background: url('../black_friday2024/icon1.png') repeat-x top center;  position: absolute; top: -18px; right:3px; z-index:1; }
@supports (background-image: -webkit-image-set(url('../black_friday2024/icon1.webp') 1x)) {
    .wrapper .list-1 li.item-promote::before { background-image: -webkit-image-set(url('../black_friday2024/icon1.webp') 1x) }
}
@supports(-webkit-touch-callout:none) {
    .wrapper .list-1 li.item-promote::before { background-image: url('../black_friday2024/icon1.webp') }
}



.wrapper .category-wrap .list-1 li::before{right:0px;}

.wrapper .list-1 li{margin-top: 18px; position: relative;}
.wrapper .floor-wrapper .mt h2{ margin-bottom: 40px;}
.wrapper .footer-related2 .contact{border-left: 1px solid rgba(255,255,255,.1);}

.wrapper .container .box2 .list-1 li::before{display: none;}
.wrapper .footer-related2 .contact{border-left: 0;}



a.link_b_f:link, a.link_b_f:visited {color: #FFFFFF;}
a.link_b_f:hover, a.link_b_f:active {color: #ff0000;}

.banner{ border-bottom: 0 !important;}

.black_friday{color: #fff; padding-bottom: calc(5vh + 4vw); padding-top: calc(4vh + 3vw); }

.black_friday, .black_friday_list{background: url('../black_friday2024/blackfriday.jpg') #050505 repeat-y top center;}

@supports (background-image: -webkit-image-set(url('../black_friday2024/icon1.webp') 1x)) {
    .black_friday, .black_friday_list{ background-image: -webkit-image-set(url('../black_friday2024/blackfriday.webp') 1x) }
}
@supports(-webkit-touch-callout:none) {
    .black_friday, .black_friday_list{ background-image: url('../black_friday2024/blackfriday.webp') }
}



.black_friday .container{max-width: 1720px; min-width: 1200px;}

.black_friday h3{font-size: clamp(80px, 5.4vw, 115px); line-height: initial; font-weight: 700; text-align: center; padding: 3.3% 0;background: url('../black_friday2024/title_bg.png') no-repeat center ; background-size: auto 100%; text-shadow: 8px 8px 24px rgba(64, 57, 35, 0.45);}
@supports (background-image: -webkit-image-set(url('../black_friday2024/title_bg.webp') 1x)) {
    .black_friday h3{ background-image: -webkit-image-set(url('../black_friday2024/title_bg.webp') 1x) }
}
@supports(-webkit-touch-callout:none) {
    .black_friday h3{ background-image: url('../black_friday2024/title_bg.webp') }
}


.black_friday ul {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 30px; padding-top: 20px;}
.black_friday ul li{padding: 0 15px; background-color: rgba(32, 32, 32, 0.7); border-radius: 8px; display: flex; position: relative;}
.black_friday .pic_img{position: relative; width: 51%; }
.black_friday .pic_img{width: 50.4%; margin-right: 15px;}
.black_friday .pic_img .icon{position: absolute; top: -7px; left: -5px;}
.black_friday .pic_img .icon div {position: absolute; top: 51px; left: 13px; transform: rotate(45deg); font-size: 23px;  font-weight: bold; }
.black_friday .pic_img a{display: block; width: 100%; height: 0; padding-bottom: 100%;}
.black_friday .pic_img a img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; position: absolute; left: 0;}

.black_friday .text{ display: flex; flex-direction: column; justify-content: space-between; padding: 6% 0; flex: 1; line-height: 1.2em; padding-right: 15px;}
.black_friday .text .title3{font-size: 20px; line-height: 1.2em; margin-bottom: 3%;}
.black_friday .text p{ line-height: 1.6em; color: #b2b2b2;}
.black_friday .text .price_bnt{ display: flex; flex-direction: column; align-items: flex-start; line-height: 1em;}
.black_friday .text .price{color: #ff0000; padding: 20px 0;}
.black_friday .text .price strong{font-size: 28px; margin-right: 10px;}
.black_friday .text .price em{color: #b2b2b2; text-decoration: line-through; font-size: 15px; padding-bottom: 2px;}

.black_friday .text .btn{background-color: #ff0000; color: #fff; font-size: 20px; text-transform: uppercase; padding: 8px 12px; border-radius: 3px;  margin-bottom: 10px; }
.black_friday .text .btn:hover{background-color: #fff; color: #ff0000;}
.black_friday  .ends {font-size: 14px; line-height: 32px; font-weight: lighter; padding-bottom: 10px; text-align: center;}
.black_friday  .timerBox{font-size: 14px;}
.black_friday  .timerBox span{background-color: #ff0000; color: #fff;  border-radius: 2px; font-weight: bold; font-size: 14px; min-width: 24px; min-height: 24px; display:inline-block; text-align: center; line-height: 24px;}

.black_friday_list .bg_hui{background: none;}
.black_friday_list .bg_hui .title3{border-top:0;}
.black_friday_list .bg_hui .title3 p{ border-top-color: #f00; color: #fff;}
.black_friday_list .bg_hui .title3 p strong:first-letter{color: #f00;}
.black_friday_list .bg_hui .title3 a, .black_friday_list .bg_hui .title3 a:link{color: #fff;}
.black_friday_list .bg_hui .title3 a:hover{color: #f00;}
nav.navbar.bootsnav ul.nav > li:last-child > a{color: #c00000; font-weight: bold;}