html{-webkit-tap-highlight-color: rgba(0,0,0,0);}
@import url('//fonts.googleapis.com/css?family=Roboto:300,400')
.tmain_div div:empty,#timer_main_div div:empty{display: block !important;}
#tstock_bar:empty{display: block !important;}
.t_left {text-align: left;}
.t_right {text-align: right;}
.t_top {top:0;}
.t_bottom {bottom: 0;}
.tmain_div{padding: 0 15px;border-radius: 5px;margin-top: 20px;}
.sticky_div{position: fixed;width: 100% !important;background-color: #fff !important;left: 0px;z-index: 55555555 !important;margin:0px;
    box-shadow: 0px -3px 5px #ececec !important;border-bottom: 1px solid #ececec;display:table;   padding: 3px 0;line-height: 1;border-radius: 0px;    
}
.sticky_div .head_div,.sticky_div .sa_clockdiv_main{padding: 0px;}
.sa_clockdiv:before{content: '';display: block;clear: both;}
.head_div .theader{display: block;font-size: 18px;margin:5px 0;}
.sticky_div > div{display: inline-block !important; vertical-align: middle; text-align: center; padding: 10px 5px;}
.sticky_div > div.head_div{font-size: 22px;max-width:30%; padding: 5px 30px;}
.sticky_div > div#progress_div:nth-child(1){width: 100%;padding: 20px;}
.sticky_div > div.sa_clockdiv_main{color: rgb(255, 255, 255);}
.sticky_div > div.progress_div{ min-width: 25%; width: 25%; padding-bottom: 10px;vertical-align: bottom; padding-left: 25px;}
.sticky_timer .theader{display: inline-block;height: 100%;min-height: 100%;bottom: 20px;position: relative;padding-right: 20px;}
.sticky_timer[temp='1'] div > span{padding: 3px 13px !important;}
.t_left.t_add_to_cart .head_div{padding-top: 8px;}
.t_left.t_add_to_cart .head_div .theader{margin: 0;}
.t_center.t_add_to_cart{text-align: center!important;}
.t_center.t_add_to_cart .bar_text{text-align: center;}
 #tstock_progress {width: 100%;background-color: #f1ecec;border: 1px solid transparent;border-radius: 20px;padding: 1px;}
#tstock_bar {width: 100%;height: 12px;border: 1px solid transparent;border-radius: 11px;}
.bar_text{text-align: left;padding-left: 4px;font-size: 12px;margin-top: 5px;}
.discount_span {display: block;font-size: 14px;}
.discount_span span{display: block; font-size: inherit;}
.progress-br {position: relative;height: 80px;width: 80px;align-items: center;margin: 10px auto;}
.progress-br div {  position: absolute;height: 70px;width: 70px;border-radius: 50%;top:50%;margin-top: -35px;}
.progress-br div span {position: absolute;font-size: 15px;line-height: 55px; height: 55px;width: 55px;left: 7.5px;top: 7.5px;
    text-align: center;border-radius: 50%;background-color: white;}
.progress-br .background { background-color: #b3cef6; }
.progress-br .rotate {clip: rect(0 40px 80px 0);background-color: #4b86db;}
.progress-br .left {clip: rect(0 40px 80px 0);opacity: 1;background-color: #b3cef6;}
.progress-br .right {clip: rect(0 40px 80px 0);transform: rotate(180deg);opacity: 0;background-color: #4b86db;}
.round_bar_div #round_bar{display: table-cell;}
.round_bar_div .sa_clockdiv_main{display: table-cell;padding-left: 15px;}

.bg_1{background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);}
.bg_2{background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);}
.bg_3{background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);}
.bg_4{background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);}
.bg_5{background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);}
.bg_6{background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);}
.bg_7{background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);}
.bg_8{background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);}
.bg_9{background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);}
.bg_11{background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);}
.bg_12{background-image: linear-gradient(-225deg, #20E2D7 0%, #F9FEA5 100%);}

.t_left{text-align: left;}
.t_center{text-align: center!important;}
.t_right{text-align: right;}

#progress_div{padding-bottom: 10px;}
.tmain_div.t_add_to_cart{ width: 100%; max-width: 550px;float: left;}

/* Sticky Fade popup  */
.sp_fade_popup {position: fixed;width: 336px;z-index: 99999999;-webkit-box-shadow: 1px 0 10px rgba(0,0,0,.4);-moz-box-shadow: 1px 0 10px rgba(0,0,0,.4);box-shadow: 1px 0 10px rgba(0,0,0,.4);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;display: flex;align-items: center;background: #fff;}

.sp_fade_popup.sales-radius{border-radius: 10px;}
/*.sp_fade_popup.sales-radius .product-image img{border-top-left-radius: 5px;border-bottom-left-radius: 5px;}*/
.sp_fade_popup .product-image {position: relative;float: left;width:  76px!important;height: 100%;padding: 5px;border: 0;line-height: 0;margin: 0;min-height: auto;align-items: center;justify-content: center;display: flex;display: -webkit-flex;}
.sp_fade_popup .product-image img{ max-height: 76px;max-width: 100%;}
.sp_fade_popup .product-image img:hover{opacity: 1 !important;}
.sp_fade_popup *:hover{opacity: 1 !important;}
.sp_fade_popup .wrapper-theme {padding: 6px 25px 6px 5px;width: calc(100% - 80px);flex-wrap: wrap;display: flex;display: -webkit-flex;}
.sp_fade_popup .wrapper-theme .close-noti {position: absolute;width: 12px;height: 12px;top: 8px;right: 8px;cursor: pointer;}
.sp_fade_popup .wrapper-theme .close-noti svg {width: 12px;height: 12px;vertical-align: top;}
.sp_fade_popup .wrapper-theme .noti-title{float: right; width: 100%; margin: 0 0 6px; line-height: 1;}
.sp_fade_popup .wrapper-theme .noti-body{margin: 0 0 10px; float: right; width: 100%; line-height: 1; }
.sp_fade_popup .wrapper-theme .noti-body a{text-decoration: none; font-size: 16px;line-height: normal;display: block;font-weight: 700;            text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #55586c;}
.sp_fade_popup .wrapper-theme .noti-body a:hover{text-decoration: underline;}
.sp_fade_popup .wrapper-theme .noti-time{color: #55586c; font-size: 12px; line-height: 1; width: 100%;}
.sp_fade_popup .wrapper-theme .noti-title span{font-size: 13px; line-height: normal;overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2;}
.sp_fade_popup.sp_bottom_left, .sp_fade_popup.sp_bottom_right{left: 20px; bottom: 20px;-webkit-transform:translateY(100%);
  -moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);
 -webkit-opacity:0;-moz-opacity:0;opacity:0}
.sp_fade_popup.sp_bottom_left_show{opacity: 1; transform: translatey(0);}
.sp_fade_popup.sp_bottom_right{right: 20px; bottom: 20px; left: auto;}
.sp_fade_popup.sp_bottom_right_show{opacity: 1; transform: translateY(0);}
 .sp_fade_popup.sp_top_left, .sp_fade_popup.sp_top_right{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);
 -ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);-webkit-opacity:0;-moz-opacity:0;
 opacity:0;top:20px; left: 20px;}
.sp_fade_popup.sp_top_left_show{opacity: 1; transform: translatey(0);}
.sp_fade_popup.sp_top_right{right: 20px; left: auto;}
.sp_fade_popup.sp_top_right_show{opacity: 1; transform: translateY(0);}
.sp_fade_popup.sp_top_left.valentine, .sp_fade_popup.sp_top_right.valentine {top:55px}
.sp_fade_popup.sp_top_left.chrismas, .sp_fade_popup.sp_top_right.chrismas {top:55px}
.sp_fade_popup.sp_top_left.new-year, .sp_fade_popup.sp_top_right.new-year {top:52px}
.sp_fade_popup.sp_top_left.thanks-giving, .sp_fade_popup.sp_top_right.thanks-giving {top:50px}

.template_view{background-repeat: no-repeat;background-size: cover;background-position: center; }
.sp_fade_popup.chrismas{background-image: url('../../../../ultimate_scarcity_pro/admin/assets/image/chrismas.jpg');}
.sp_fade_popup.valentine{background-image: url('../../../../ultimate_scarcity_pro/admin/assets/image/valentine.jpg');}
.sp_fade_popup.cyber-monday{background-image: url('../../../../ultimate_scarcity_pro/admin/assets/image/cyber-monday.jpg');}
.sp_fade_popup.black-friday{background-image: url('../../../../ultimate_scarcity_pro/admin/assets/image/black-friday.jpg');}
.sp_fade_popup.new-year{background-image: url('../../../../ultimate_scarcity_pro/admin/assets/image/new-year.jpg');}
.sp_fade_popup.thanks-giving{background-image: url('../../../../ultimate_scarcity_pro/admin/assets/image/thanks-giving.jpg');}

.sp_fade_popup.chrismas *, .sp_fade_popup.black-friday *, .sp_fade_popup.new-year *, .sp_fade_popup.thanks-giving *{fill: #fff !important;}
.sp_fade_popup.valentine *{fill: #b90002  !important;}
.sp_fade_popup.cyber-monday *{fill: #3fdae1 !important;}

.sp_fade_popup.chrismas:before{position: absolute;content: '';top: -55px;left:initial;right: -10px;width: 70px;height: 55px;background: url(../../../../ultimate_scarcity_pro/admin/assets/image/santa-animated2.gif);display: inline-block;background-size: 100%;transform: rotateY(180deg);}
.sp_fade_popup.new-year:before{position: absolute;content: '';top: -45px;left: -9px;width: 70px;height: 70px;background: url(../../../../ultimate_scarcity_pro/admin/assets/image/new-year-animated.gif);display: inline-block;background-size: 100%;}
.sp_fade_popup.valentine:before{position: absolute;content: '';top: -55px;right: -15px;width: 65px;height: 60px;background: url(../../../../ultimate_scarcity_pro/admin/assets/image/valentine-animate.gif) no-repeat;display: inline-block;background-size: 100%;}
.sp_fade_popup.thanks-giving:before{position: absolute;content: '';top: -43px;left: 0px;width: 100%;height: 45px;background: url(../../../../ultimate_scarcity_pro/admin/assets/image/thanks-pattern.png) no-repeat;display: inline-block;background-size: 100%;}

#SpSalesPop mark{font-family: 'Roboto'!important;background: none;color: #969696 !important; position: absolute !important;display: block !important; font-size: 12.5px; right: 2px !important;bottom: 0!important;text-shadow: 0.5px 0.5px rgba(206, 209, 212,0.5);}
#SpSalesPop mark a{ font-family: 'Roboto'!important;text-indent: 0 !important;text-decoration: none!important;background: none;color: #969696 !important; position: absolute !important;display: block !important; font-size: 12.5px !important; right: 2px !important;bottom: 0!important; width: initial !important;height:  initial  !important;padding:  initial   !important;margin:  initial   !important;overflow: visible !important;clip:  inherit !important;text-shadow: 0.5px 0.5px rgba(206, 209, 212,0.5);}
#SpSalesPop mark a:hover{  font-family: 'Roboto'!important;text-decoration: none!important;background: none;color: #969696 !important; position: absolute !important;display: block !important; font-size: 12.5px !important; right: 2px !important;bottom: 0!important;text-shadow: 0.5px 0.5px rgba(206, 209, 212,0.5);}
#SpSalesPop mark a img{position:absolute !important;left:-15px!important;bottom:1px !important;max-height:17px!important;}

#timer_main_div mark{font-family: 'Roboto'!important;background: none;color: #969696 !important; position: absolute !important;display: block !important; font-size: 12.5px; right: 2px !important;bottom: 0!important;}
#timer_main_div mark a{ font-family: 'Roboto'!important;text-indent: 0 !important;text-decoration: none!important;background: none;color: #969696 !important; position: absolute !important;display: block !important; font-size: 12.5px !important; right: 2px !important;bottom: 1px!important; width: initial !important;height:  initial  !important;padding:  initial   !important;margin:  initial   !important;overflow: visible !important;clip:  inherit !important;text-shadow: 0.5px 0.5px rgba(206, 209, 212,0.5);}
#timer_main_div mark a img{position:absolute !important;left:-15px!important;bottom:-2px !important;max-height:17px!important;}
#timer_main_div mark a:hover{  font-family: 'Roboto'!important;text-decoration: none!important;background: none;color: #969696 !important; position: absolute !important;display: block !important; font-size: 12.5px !important; right: 2px !important;bottom: 1px!important;text-shadow: 0.5px 0.5px rgba(206, 209, 212,0.5);}
.tmain_div.t_add_to_cart{padding-bottom:12px;position: relative;}
.only_bar{padding-top: 10px; padding-bottom:0px;}


/* Other preset popup design */
.full-img.sp_fade_popup .product-image{padding: 0;justify-content: flex-start;background-size: cover;height: 80px;}
.full-img .noti-title span, .outside-radius .noti-title span, .circle-radius .noti-title span, .sticky-top-title .noti-title span{-webkit-line-clamp: 1 !important;}
.full-img.sp_fade_popup .product-image img{max-height: 90px;}
.outside-radius{border: 1px solid #bfbfbf;border-radius: 3px;}
.sp_fade_popup.outside-radius .product-image{border-radius: 50%;border: 1px solid #ccc;height: 76px;padding: 5px;margin: 5px 0 5px 6px;background-size: cover;}
.sp_fade_popup.outside-radius .product-image img{max-height: 100%; border-radius: 50%;}
.circle-radius{border: 1px solid #bfbfbf;border-radius: 50px !important;}
.circle-radius.sp_fade_popup .product-image{border-radius: 50%;border: 1px solid #ccc;height: 76px;padding: 5px;margin: 5px 0 5px 6px;background-size: cover;}
.circle-radius.sp_fade_popup .product-image img{max-height: 100%;border-radius: 50%;}
.circle-radius.sp_fade_popup .wrapper-theme .close-noti{top:50%;margin-top: -10px;}
.sticky-top-title{border-radius: 3px;}
.sticky-top-title.sp_fade_popup .product-image{border: 1px solid #ccc;border-radius: 3px;padding: 4px;margin: 27px 6px 6px;height: 52px;width: 70px !important;background-size: cover;}
.sticky-top-title.sp_fade_popup .wrapper-theme .noti-body{margin-bottom: 15px;position: relative;top: 8px;}
.sticky-top-title.sp_fade_popup .product-image img{max-height: 50px;}
.sticky-top-title.sp_fade_popup .wrapper-theme .close-noti{top: 4px;right: 5px;z-index: 1;}
.sticky-top-title.sp_fade_popup .wrapper-theme .close-noti svg{width: 10px;}
.sticky-top-title.sp_fade_popup .wrapper-theme .noti-title{position: absolute;top: 0;left: 0;background: #e8e8e8;padding: 2px 20px 2px 5px;}

@media screen and (max-width: 767px) {
  .sp_fade_popup .product-image:hover, .sp_fade_popup .product-image:focus, .sp_fade_popup .product-image:visited{outline: none;box-shadow: none;background: transparent;}
}
@media screen and (max-width: 479px) {
  .sp_fade_popup .wrapper-theme{padding: 10px 20px 10px 0px;}
  .sp_fade_popup .product-image{width: 85px!important;}
  .sp_fade_popup .product-image img{max-height: 85px;}
  .sp_fade_popup.sp_top_left, .sp_fade_popup.sp_top_right{top:15px;}
  .sp_fade_popup.sp_bottom_left, .sp_fade_popup.sp_bottom_right{bottom: 15px;}
  .cyber-monday.top-adv-bar .top-bar-inner{line-height: 8px;font-size: 13px;}
}
@media only screen and (max-width:375px) {
  .sp_fade_popup{width:calc(100% - 10%);}
  .template_view.sp_fade_popup {width: calc(100% - 10%);}
  .sp_fade_popup.sp_top_left, .sp_fade_popup.sp_top_right, .sp_fade_popup.sp_bottom_left, .sp_fade_popup.sp_bottom_right{left:5%;}
  .sp_fade_popup.sp_bottom_right, .sp_fade_popup.sp_top_right{right:5%;}
}

@media screen and (max-width: 1024px) {
    .sticky_div > div{ padding:10px 8px;}
    .head_div .theader{ font-size: 18px;}
}

@media screen and (max-width: 992px) {
    .head_div .theader{ font-size: 16px;margin:8px 0;}
    .sticky_div > div.progress_div{ min-width: 35%; width: 30%; padding-left:5px; padding-right: 5px;}
    .sticky_div > div.head_div{width: 16%;padding: 12px 8px 12px 3px;font-size: 20px;text-align: right;}
    .sticky_div .head_div, .sticky_div .sa_clockdiv_main{padding: 5px 10px;}
    #tstock_progress{margin:0 auto;}
    .bar_text{margin: 8px auto 0;}
    .sa_clockdiv span > div{height: 40px !important;width: 29px !important;margin-right: 0px !important;}
}

@media screen and (max-width: 767px) {
    .tmain_div{padding: 0 10px;}
    .sa_clockdiv{display: flex;}
    .round_bar_div .sa_clockdiv_main{padding-left: 5px;}

    .sa_clockdiv[temp='1'] > div{ padding:4px;}
    .sa_clockdiv[temp='1'] div > span{ padding:6px 10px;}
    .sa_clockdiv[temp='1'] .smalltext{ padding-top: 0;}

    .sa_clockdiv[temp='2'] > div{ padding:0;line-height: 1;}
    .sa_clockdiv[temp='3'] div.sa_tcount > span span.tdigit{ padding:1px 5px;}

    .sa_clockdiv[temp='4'] > div{ padding:2px;}

    .sa_clockdiv[temp='3']{display: flex; flex-direction:row; flex-wrap:nowrap;justify-content: center;}
    .sa_clockdiv[temp='3'] div > span{ display: flex;}

    .sa_clockdiv span > div{height: 24px !important;width: 18px !important;}

    /*.t_left.sticky_div .head_div, .t_left.sticky_div .sa_clockdiv_main{text-align: left;padding: 5px 0px 5px 10px;}*/
    .t_left #progress_div{padding: 5px 10px;}
    .t_left.t_add_to_cart #progress_div{padding: 5px 0px;}
    /*.t_right.sticky_div .head_div, .t_right.sticky_div .sa_clockdiv_main{text-align: right;padding: 5px 10px 5px 0px;}*/
    .t_center{text-align: left;}
    .t_right {text-align: left;}
    .t_add_to_cart.t_center{text-align: center;}
    .t_add_to_cart.t_right {text-align: right;}
    #progress_div{padding: 5px 0;}
    .bar_text{text-align: center; width: 20%;float: left;margin: -1px 0 0;padding: 0;}
    .sticky_div{display: inline-block; width: 100%;}
    .sticky_div > div{ padding:0px 10px; display: inline-block; width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
    .sticky_div > div.progress_div{ width: 92%; min-width: 50%;}
    .sticky_div > div.head_div{width: auto;padding:5px 0 4px 5%;font-size: 16px;text-align: center;display: inline-block !important;vertical-align: middle;}
     .sticky_div > div.head_div label{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .sticky_div > div.sa_clockdiv_main{width: auto;display: inline-block !important;padding: 1px 5px;}
    /*.sa_clockdiv{color:#212121 !important;}*/
    .t_add_to_cart .sa_clockdiv_main{padding: 5px 0;}
    .sa_clockdiv_main .sa_tcount{padding: 0 !important;}
    .t_left #tstock_progress{margin-left: 1%;}
    #tstock_progress{margin-left: 1%;width: 79%;float: right;}
    .t_add_to_cart #tstock_progress{margin-left: 0;}
    #tstock_progress #tstock_bar{height: 6px;}
    .smalltext{display: none;}

    .sp_fade_popup .product-image:hover, .sp_fade_popup .product-image:focus, .sp_fade_popup .product-image:visited{outline: none;box-shadow: none;background: transparent;}
}
@media screen and (max-width: 479px) {
    .sa_clockdiv[temp='3']{ max-width: 233px; text-align: left;margin:0 auto;}
    .sa_clockdiv[temp='5'] { max-width: 225px;margin: 0 auto;}
    .head_div .theader{ font-size: 12px;margin: 0;}
    .progress-br div span { font-size: 14px;}
    .sticky_div > div.progress_div{ width: 95%;}    

    .sp_fade_popup .wrapper-theme{padding: 10px 20px 10px 0px;}
    .sp_fade_popup .product-image{width: 85px!important;}
    .sp_fade_popup .product-image img{max-height: 85px;}
    .sp_fade_popup.sp_top_left, .sp_fade_popup.sp_top_right{top:15px;}
    .sp_fade_popup.sp_bottom_left, .sp_fade_popup.sp_bottom_right{bottom: 15px;}
}
.only_bar{padding-top: 10px; padding-bottom:0px !important;}

/* Banner CSS */
.top-exist{padding-top:46px;}
.top-adv-bar{opacity: 1;padding: 0px;/*height: 58px;*/width: 100%;z-index: 100000;position: fixed;top: 0;}
.top-adv-bar .top-bar-inner span.ship{font-weight: bold;}
.top-adv-bar .top-bar-inner {width: 100%; text-align: center;cursor: pointer;margin: 0px;padding: 8px 10px;height: auto;box-sizing: border-box;border: none;position: absolute;color: #fff;font-size: 19px;line-height: 30px;z-index: 2;}
.top-bar-inner:after{content: '';position: absolute;top: 0;left: 0;background-size: cover;animation: slider 14s infinite alternate;height: 100%;width: 100%;z-index: -2;}
.left-to-right .top-bar-inner:after{-webkit-animation: slide 20s infinite alternate;animation: slide 20s infinite alternate;}
.top-to-bottom .top-bar-inner:after{animation: slider 14s infinite alternate;}
.zoom-in .top-bar-inner:after{animation: zoomi 1.5s infinite alternate;}
.zoom-img .top-bar-inner:after{animation: scale-img 2.5s infinite alternate;}

.pattern3.top-adv-bar .top-bar-inner{color: #48021b; }
.pattern3.top-adv-bar .top-bar-inner span.ship{color: #278861;}
.pattern6.top-adv-bar .top-bar-inner{color: #101010; }
.pattern6.top-adv-bar .top-bar-inner span.ship{color: #ad131b;}
.valentine-trans.top-adv-bar .top-bar-inner,.star-pattern.top-adv-bar .top-bar-inner{color: #101010; }
.chrismas-trans.top-adv-bar .top-bar-inner{color: #f7fda5; }
.chrismas-trans.top-adv-bar .top-bar-inner span.ship{color: #fff;}

.christmas.top-adv-bar .top-bar-inner:after{background-image: url('../../../../ultimate_scarcity_pro/image/header_bk_chrismas.jpg');}
.valentine.top-adv-bar .top-bar-inner:after{background-image: url('../../../../ultimate_scarcity_pro/image/header_bk_valentine.jpg');}
.halloween.top-adv-bar .top-bar-inner:after{background-image: url('../../../../ultimate_scarcity_pro/image/header_bk_halloween.jpg');animation: slider-rev 14s infinite alternate;}
.new-year.top-adv-bar .top-bar-inner:after{background-image: url('../../../../ultimate_scarcity_pro/image/header_bk_new-year.jpg');}
.black-friday.top-adv-bar .top-bar-inner:after{background-image: url('../../../../ultimate_scarcity_pro/image/header_bk_b-friday.jpg');}
.cyber-monday.top-adv-bar, .cyber-monday .top-bar-inner:after{background-image: url('../../../../ultimate_scarcity_pro/image/header_bk_cyber-monday.jpg');height: 46px;}

.star-pattern.top-adv-bar .top-bar-inner{background: url('../../../../ultimate_scarcity_pro/image/star-pattern.png') #fddada center / cover;}
.pattern1.top-adv-bar .top-bar-inner{background: url('../../../../ultimate_scarcity_pro/image/pattern1.png') #6f99c1 center / cover;}
.pattern2.top-adv-bar .top-bar-inner{background: url('../../../../ultimate_scarcity_pro/image/pattern2.png') #4a5853 center / cover;}
.pattern3.top-adv-bar .top-bar-inner{background: url('../../../../ultimate_scarcity_pro/image/pattern3.png') #ffc8dc center / cover;}
.pattern4.top-adv-bar .top-bar-inner{background: url('../../../../ultimate_scarcity_pro/image/pattern4.png') #528433 center / cover;}
.pattern5.top-adv-bar .top-bar-inner{background: url('../../../../ultimate_scarcity_pro/image/pattern5.png') #1a1a01 center / cover;}
.pattern6.top-adv-bar .top-bar-inner{background: url('../../../../ultimate_scarcity_pro/image/pattern6.png') #e8e65d center / cover;}
.pattern7.top-adv-bar .top-bar-inner{background: url('../../../../ultimate_scarcity_pro/image/pattern8.png') #6f7390 center / cover;}
.valentine-trans.top-adv-bar .top-bar-inner{background: url('../../../../ultimate_scarcity_pro/image/valentine-transparent.png') #fddada center / cover;}
.chrismas-trans.top-adv-bar .top-bar-inner{background: url('../../../../ultimate_scarcity_pro/image/chrismas-transparent.png') #e20810 center / cover;}

@keyframes zoomi {
0% { opacity: 0;-webkit-animation-timing-function: ease-in; }
33% { opacity: 0.3;-webkit-animation-timing-function: ease-out; }
67% { opacity: 0.7 }        
100% { opacity: 1 }
}
@-webkit-keyframes zoomi {
0% { opacity: 0;-webkit-animation-timing-function: ease-in; }
33% { opacity: 0.3;-webkit-animation-timing-function: ease-out; }
67% { opacity: 0.7 }        
100% { opacity: 1 }
}
@keyframes scale-img {
0% {-webkit-animation-timing-function: ease-in; filter:blur(4px);overflow: hidden;}
50% {-webkit-animation-timing-function: ease-out; filter:blur(2px);overflow: hidden;}
100% {-webkit-animation-timing-function: ease-out; filter:blur(0);}
}
@-webkit-keyframes scale-img {
from {background-position: 0% 0%;}
to {background-position: 0% -100%;}
}
@keyframes slide {
from { background-position: 0 0; }
to { background-position: -600px 0; }
}
@-webkit-keyframes slide {
from { background-position: 0 0; }
to { background-position: -600px 0; }
}
@keyframes slider { 
0%{background-size: cover; background-position: center top;-webkit-animation-timing-function: ease-in;}
50%{background-size: cover; background-position: center center;-webkit-animation-timing-function: ease-out;}
100%{background-size: cover;background-position: center bottom;-webkit-animation-timing-function: ease-in;}
}
@-webkit-keyframes slider { 
0%{background-size: cover; background-position: center top;-webkit-animation-timing-function: ease-in;}
50%{background-size: cover; background-position: center center;-webkit-animation-timing-function: ease-out;}
100%{background-size: cover;background-position: center bottom;-webkit-animation-timing-function: ease-in;}
}
@keyframes slider-rev { 
0%{background-size: cover; background-position: center bottom;-webkit-animation-timing-function: ease-in;}
50%{background-size: cover; background-position: center center;-webkit-animation-timing-function: ease-out;}
100%{background-size: cover;background-position: center top;-webkit-animation-timing-function: ease-in;}
}
@-webkit-keyframes slider-rev { 
0%{background-size: cover; background-position: center bottom;-webkit-animation-timing-function: ease-in;}
50%{background-size: cover; background-position: center center;-webkit-animation-timing-function: ease-out;}
100%{background-size: cover;background-position: center top;-webkit-animation-timing-function: ease-in;}
}
.top-bar-inner .sa_clockdiv[temp='1']{color: #fff;display: inline-block;font-weight: 100;text-align: center;font-size: 30px;}
.top-bar-inner .sa_clockdiv[temp='1'] > div{padding: 7px;border-radius: 3px;background: #00BF96;display: inline-block;}
.top-bar-inner .sa_clockdiv[temp='1'] div > span{padding: 10px;border-radius: 3px;background: #00816A;display: inline-block;}
.top-bar-inner .sa_clockdiv[temp='1'] div > span > span{ font-size: 23px; float: left;}
.top-bar-inner .sa_clockdiv[temp='1'] .smalltext, .top-bar-inner .sa_clockdiv[temp='2'] .smalltext, .top-bar-inner .sa_clockdiv[temp='4'] .smalltext{padding-top: 0px;font-size: 12px;}
.top-bar-inner .sa_clockdiv[temp='2']{color: #00816a;display: inline-block; font-weight: 100;  text-align: center; font-size: 30px;margin: -8px 0;}
.top-bar-inner .sa_clockdiv[temp='2'] > div{padding: 7px;border-radius: 3px;display: inline-block;}
.top-bar-inner .sa_clockdiv[temp='2'] div > span{padding: 5px 8px;border-radius: 3px;border: 2px solid #00816a;display: inline-block;}
.top-bar-inner .sa_clockdiv[temp='2'] div > span > span{font-size: 26px;float: left; }
.top-bar-inner .sa_clockdiv.t-temp6[temp='3']{margin: -15px 0 -10px;}
.top-bar-inner .sa_clockdiv[temp='3']{display: inline-block;font-weight: 100;text-align: center; font-size: 16px;}
.top-bar-inner .sa_clockdiv[temp='3'] > div{border-radius: 3px;display: inline-block;}
.top-bar-inner .sa_clockdiv[temp='3'] div > span{color: #fff;}
.top-bar-inner .sa_clockdiv.t-temp6[temp='3'] div > span span{margin:0 1px !important;}
.top-bar-inner .sa_clockdiv[temp='3'] div.sa_tcount > span span.tdigit{padding:1px 8px;border-radius: 3px;background: #00816a;display: inline-block;
    font-size: 34px;box-shadow: 1px 3px 5px 1px rgba(158, 158, 158, 0.95);margin: 2px;}
.top-bar-inner .sa_clockdiv[temp='3'] .smalltext{padding-top: 0px;font-size: 12px;color: #00816a;}
.top-bar-inner .sa_clockdiv[temp='3'] .colon{display: inline-block;font-size: 26px;vertical-align: top;padding: 6px 0px;}
.top-bar-inner .sa_clockdiv[temp='4']{color: #00816a;display: inline-block;font-weight: 100;text-align: center;font-size: 24px;}
.top-bar-inner .sa_clockdiv[temp='4'] > div{padding: 0;display: inline-block;}
.top-bar-inner .sa_clockdiv[temp='4'] div > span > span{font-size: 30px;float: left;letter-spacing: 1; }
.top-bar-inner .sa_clockdiv[temp='4'] .colon {display: inline-block;font-size: 26px;vertical-align: top;padding: 6px 0px;}
.top-bar-inner .sa_clockdiv[temp='5'] .colon {font-size: 26px;position: relative;vertical-align: middle;}

.sa_bannerdiv_main, .sa_bannerdiv[banner='3']{display: inline-block;}
.sa_bannerdiv_main .sa_bannerdiv[banner='3'] > div{border-radius: 3px;display: inline-block;}
.sa_bannerdiv_main .sa_bannerdiv[banner='3'] > div > span > span{margin:0 2px;}
.sa_bannerdiv[banner='3'] > div{text-align:center;}
.sa_bannerdiv[banner='3'] div.sa_tcount > span span.tdigit{width:20px;}
.sa_bannerdiv_main .sa_bannerdiv[banner='3'] div.sa_tcount > span span.tdigit{margin: 0;padding: 1px !important;border-radius: 6px;background: #00816a;
    display: inline-block;font-size: 21px;box-shadow: 1px 2px 3px 1px rgba(158, 158, 158, 0.75);line-height: 24px;}

.sa_bannerdiv_main .sa_bannerdiv[banner='3'] .smalltext{padding-top: 0px;font-size: 12px;text-align:center;color: #00816a;}
.sa_bannerdiv[banner='3'] .colon{display: inline-block;font-size: 18px;vertical-align: top;padding: 0px;color:#00816a;}
#banner_timer{display: inline;}
.head-temp-timer.sa_clockdiv{font-size: 20px;line-height: 25px;vertical-align: middle;padding: 0 5px;}
.top-bar-inner .sa_clockdiv.head-temp-timer[temp='1'] > div{padding: 4px;}
.top-bar-inner .sa_clockdiv.head-temp-timer[temp='1'] div > span{padding: 2px 5px;}
.top-bar-inner .sa_clockdiv.head-temp-timer[temp='1'] div > span > span{font-size: 18px;}
.top-bar-inner .sa_clockdiv.head-temp-timer[temp='2'] > div{padding: 0 2px;}
.top-bar-inner .sa_clockdiv.head-temp-timer[temp='2'] div > span{padding: 1px 3px;;}
.top-bar-inner .sa_clockdiv.head-temp-timer[temp='2'] div > span > span{font-size: 22px;}
.top-bar-inner .sa_clockdiv.head-temp-timer[temp='3'] > div{vertical-align: text-top;}
.top-bar-inner .sa_clockdiv.head-temp-timer .smalltext{font-size: 11px;line-height: 10px;}
.top-bar-inner .sa_clockdiv.head-temp-timer.t-temp10 .smalltext{min-width: 42px;}
.top-bar-inner .sa_clockdiv.t-temp6 div.sa_tcount > span span.tdigit{border-radius: 50%;padding: 0px 5px;width: 25px;height:25px;margin: 1px 0px 5px;background: transparent;font-size: 17px; box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 0.2);}
.top-bar-inner .sa_clockdiv.t-temp7[temp='4']{font-size: 18px;margin: -5px 0;}
.top-bar-inner .sa_clockdiv.t-temp7[temp='4'] > div{ vertical-align: -webkit-baseline-middle;}
.top-bar-inner .sa_clockdiv.t-temp7 .smalltext{letter-spacing: 0.6px;}
.top-bar-inner .sa_clockdiv.t-temp7[temp='4'] div > span > span {margin-bottom: 1px;font-size: 20px;}
.top-bar-inner .sa_clockdiv.t-temp8[temp='4'] > div {vertical-align: text-top;padding: 0 2px 0 5px;position: relative;}
.sa_clockdiv.t-temp8[temp='4'] .sa_tcount:after {content: '.';position: absolute;bottom: 0px;right: -5px;font-size: 26px;}
.top-bar-inner .sa_clockdiv.t-temp8[temp='4'] div > span > span {font-size: 22px;}
.top-bar-inner .sa_clockdiv.t-temp9{position: relative;top: 2px;}
.top-bar-inner .sa_clockdiv.t-temp9 .smalltext{color: #fff;letter-spacing: 0.6px;float: left;transform: rotate(-90deg);margin-top: 7px;}
.top-bar-inner .sa_clockdiv.head-temp-timer.t-temp10{position: relative;margin: -8px 0;}
.top-bar-inner .sa_clockdiv.head-temp-timer.t-temp10 div {padding: 0;}
.top-bar-inner .sa_clockdiv.head-temp-timer.t-temp10 div > span{position: relative;padding: 0 5px;height: 28px;}
.top-bar-inner .sa_clockdiv.head-temp-timer.t-temp10 div > span:before {position: absolute;content: '';background: rgba(240,240,240,0.3);
    top: 12px;left: -2px;width: calc(100% + 4px);height: 1px;}
.top-bar-inner .sa_clockdiv.head-temp-timer.t-temp10 div > span{background: #af1322;}
.top-bar-inner .sa_clockdiv.t-temp10 .smalltext{color: #af1322;}


/* Shipping notice text*/
.shipping_div{display: block;width: 100%;}
.shipping_div .shipping_time{ font-weight: bold;}
.shipping_div .dehlivery_date{font-weight: bold;}
.sp_Oicon{height: 25px;  width: 25px;display: inline-block;background-repeat: no-repeat;    vertical-align: bottom; margin-right: 5px;}
.sp_Oicon.svg_1{background-image: url(https://cdn.shopify.com/extensions/cb7564d2-0220-49b4-97c8-bb0297367d07/0.3.0/image/del.svg);}
.sp_Oicon.svg_2{background-image: url(https://cdn.shopify.com/extensions/cb7564d2-0220-49b4-97c8-bb0297367d07/0.3.0/image/214273.svg);}
.sp_Oicon.svg_3{background-image: url(https://cdn.shopify.com/extensions/cb7564d2-0220-49b4-97c8-bb0297367d07/0.3.0/image/1580319.svg);}
.sp_Oicon.svg_4{background-image: url(https://cdn.shopify.com/extensions/cb7564d2-0220-49b4-97c8-bb0297367d07/0.3.0/image/del2.svg);}
.sp_Oicon.svg_5{background-image: url(https://cdn.shopify.com/extensions/cb7564d2-0220-49b4-97c8-bb0297367d07/0.3.0/image/del1.svg);}


@media screen and (max-width: 992px) {
    .sa_bannerdiv[banner='3'] .colon{font-size:20px;}
    .sa_bannerdiv_main .sa_bannerdiv[banner='3'] div.sa_tcount > span span.tdigit{
        padding:1px 2px !important;font-size: 17px;
    }
}

@media only screen and (min-width: 768px) {
    /* template 2 */
    .top-bar-inner .sa_clockdiv.t-temp7[temp='4'] {margin: -15px 0 -5px;}

    /* template 3 */
    .top-bar-inner .sa_clockdiv[temp='2'] {margin: -12px 0 -8px;}

    /* template 5 */
    .top-bar-inner .sa_clockdiv.head-temp-timer.t-temp10 {margin: -12px 0 -8px;}

    /* template 6 */
    .top-bar-inner .sa_clockdiv.t-temp9 {top: -1px;}
}
@media screen and (max-width: 767px) {
    .top-bar-inner .sa_clockdiv{display: flex;}
    .top-bar-inner .sa_clockdiv[temp='1'] > div{ padding:4px;}
    .top-bar-inner .sa_clockdiv[temp='1'] div > span{ padding:6px 10px;}
    .top-bar-inner .sa_clockdiv[temp='1'] .smalltext{ padding-top: 0;}
    .top-bar-inner .sa_clockdiv[temp='2'] > div{ padding:0;}
    .top-bar-inner .sa_clockdiv[temp='3'] div.sa_tcount > span span.tdigit{ padding:1px 5px;}    
    .top-bar-inner .sa_clockdiv[temp='4'] > div{ padding:2px;}
    .top-bar-inner .sa_clockdiv[temp='3']{display: flex; flex-direction:row; flex-wrap:nowrap;}
    .top-bar-inner .sa_clockdiv[temp='3'] div > span{ display: flex;}

    .sp_fade_popup .product-image:hover, .sp_fade_popup .product-image:focus, .sp_fade_popup .product-image:visited{outline: none;box-shadow: none;background: transparent;}
    .top-adv-bar .top-bar-inner {font-size: 16px;padding: 4px 10px;}
    .sa_bannerdiv_main .sa_bannerdiv[banner='3'] > div{background:inherit ;color:inherit ;font-size:16px;}
    .sa_bannerdiv_main .sa_bannerdiv[banner='3'] div > span{background:inherit ;padding:0 3px;width:auto;}
    .sa_bannerdiv_main .sa_bannerdiv[banner='3'] div > span >span{background:none ;padding:0 7px;width:auto;color:inherit;}
    .sa_bannerdiv_main .sa_bannerdiv[banner='3'] div.sa_tcount > span span.tdigit{padding: 1px ;border-radius: 6px;background: #00816a;
        display: inline-block;font-size: 18px;box-shadow: 1px 2px 3px 1px rgba(158, 158, 158, 0.75);margin: 1px;line-height: 24px;}
    .sticky_div > div.head_div{max-width: calc(100% - 211px);}
    
    /* template 1 */
    .sa_bannerdiv_main .sa_bannerdiv[banner='3'] > div {font-size: 12px;}
    .sa_bannerdiv_main .sa_bannerdiv[banner='3'] div > span {padding: 0;}
    .sa_bannerdiv[banner='3'] div.sa_tcount > span span.tdigit{width:16px;}
    .sa_bannerdiv_main .sa_bannerdiv[banner='3'] div.sa_tcount > span span.tdigit {font-size: 16px;margin: 0 -1px;line-height: 20px;background: #00816a;color: rgb(243, 228, 9);box-shadow: none;}
    .sa_bannerdiv_main .sa_bannerdiv[banner='3'] {top: -1px;position: relative;}
    .sa_bannerdiv_main .sa_bannerdiv[banner='3'] > div {margin: 0 -1px;}
    .sa_bannerdiv_main .sa_bannerdiv[banner="3"] div.sa_tcount > span span.tdigit {margin: 0 -1px !important;}
    /* template 2 */
    .top-bar-inner .sa_clockdiv[temp='4'] > div {padding: 2px 0;}
    .top-bar-inner .sa_clockdiv.t-temp7[temp='4'] {margin: -3px 0 0;color: #00816a;}
    .top-bar-inner .sa_clockdiv.t-temp7[temp='4'] > div {vertical-align: middle;}
    .top-bar-inner .sa_clockdiv.t-temp7[temp='4'] div > span > span {font-size: 18px;}

    /* template 3 */
    .top-bar-inner .sa_clockdiv[temp='2'] {margin: 0;}
    .top-bar-inner .sa_clockdiv.head-temp-timer[temp='2'] > div {padding: 0;}
    .top-bar-inner .sa_clockdiv.head-temp-timer[temp='2'] div > span > span {font-size: 14px;line-height: 18px;}

    /* template 4 */
    .top-bar-inner .sa_clockdiv.t-temp8[temp='4'] {margin: -5px 0 0;color: #00816a;}
    .top-bar-inner .sa_clockdiv.t-temp8[temp='4'] > div {vertical-align: middle;padding: 0;}
    .top-bar-inner .sa_clockdiv.t-temp8[temp='4'] div > span > span {font-size: 18px;}
    .sa_clockdiv.t-temp8[temp='4'] .sa_tcount:after{font-size: 18px;}

    /* template 5 */
    .top-bar-inner .sa_clockdiv.head-temp-timer.t-temp10 {margin: -1px 0 0;}
    .top-bar-inner .sa_clockdiv.head-temp-timer.t-temp10 div > span {padding: 0 2px;height: 22px;}
    .top-bar-inner .sa_clockdiv.head-temp-timer.t-temp10 div > span:before {top: 9px;}

    /* template 6 */
    .top-bar-inner .sa_clockdiv.t-temp9 {top: 1px;}
    .top-bar-inner .sa_clockdiv[temp='4'] > div {padding: 0 1px;}
    .top-bar-inner .sa_clockdiv[temp='4'] div > span > span {font-size: 18px;}
    .sa_clockdiv.t-temp9[temp='4'] .sa_tcount{position: relative;}
    .sa_clockdiv.t-temp9[temp='4'] .sa_tcount:after {content: ':';position: absolute;bottom: 0px;right: -3px;font-size: 16px;}
    .sa_clockdiv.t-temp9[temp='4'] .sa_tcount:last-child:after{content: none;}

    /* template 7 */
    .top-bar-inner .sa_clockdiv.t-temp6[temp='3'] {display: inline-flex;line-height: 20px;margin: 0px 0 -1px;color: rgb(243, 228, 9);}
    .top-bar-inner .sa_clockdiv.t-temp6 div.sa_tcount > span span.tdigit{width: 20px;height:20px;font-size: 14px;line-height: 16px;}
    .sa_bannerdiv_main .sa_bannerdiv[banner='3'] div > span span{margin: 0 1px !important}
}
@media screen and (max-width: 479px) {
    .top-bar-inner .sa_clockdiv[temp='3']{ max-width: 233px; text-align: left;}
    .top-bar-inner .sa_clockdiv[temp='5'] { max-width: 220px;}
    .top-adv-bar .top-bar-inner {line-height: 17px;font-size: 14px;}

    /* template 2 */
    .top-bar-inner .sa_clockdiv[temp='4'] > div {padding: 0;margin: 0 -1px;}
    .top-bar-inner .sa_clockdiv.t-temp7[temp='4'] div > span > span {font-size: 15px;}

    /* template 3 */
    .top-bar-inner .sa_clockdiv.head-temp-timer[temp='2'] > div {margin: 0 -2px;}
    .top-bar-inner .sa_clockdiv.head-temp-timer[temp='2'] div > span{border-width: 1px;padding: 1px 4px;}
    .top-bar-inner .sa_clockdiv.head-temp-timer[temp='2'] div > span > span {font-size: 13px;line-height: 18px;}
    .top-bar-inner .sa_clockdiv.head-temp-timer.t-temp10 div > span span {font-size: 16px;}

    /* template 4 */
    .top-bar-inner .sa_clockdiv.t-temp8[temp='4'] div > span > span {font-size: 15px;}
    .sa_clockdiv.t-temp8[temp='4'] .sa_tcount:after{right: -3px;font-size: 16px;}

    .top-bar-inner .sa_clockdiv.head-temp-timer.t-temp10 div > span:before{top: 10px;}

    /* template 6 */
    .top-bar-inner .sa_clockdiv.t-temp9{top:-1px;}
    .top-bar-inner .sa_clockdiv[temp='4'] div > span > span {font-size: 15px;}
    .head-temp-timer.sa_clockdiv{line-height: 20px;font-weight: bold !important;}
}