/* User Darl Light Mode */
.userwbdlmode{
  position: fixed;
  right: 20px;
  bottom: 120px;
  z-index: 1
}
.useldlpos{
  position: relative;
}
.userwbdlmode svg{
  width: 26px;
  height: 26px;
  cursor: pointer;
}

.userdmtooltip {
    background: #eee;
    border-radius: 4px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .60), 0 8px 12px 6px rgba(0, 0, 0, .30);
    color: #000;
    display: none;
    font-size: 12px;
    font-weight: 500;
    padding: .5rem;
    position: absolute;
    right: calc(100% + .5rem);
    top: -.25rem;
    white-space: nowrap;
}
.wbdarkmode-layout .userdmtooltip {
    background: #333;
    box-shadow: 0 4px 4px 0 rgba(60, 64, 67, .30), 0 8px 12px 6px rgba(60, 64, 67, .15);
    color: #fff;
}
.userwbdlmode .wbdarkmode-layout:hover .userdmtooltip, .userwbdlmode .wblightmode-layout:hover .userdmtooltip {
    display: block;
}
.userwbdlmode input{
  display: none
}
.uscolorac{
  display: block;
  cursor: pointer
}
.uscolorac.active{
  display: none
}
.userwbdlmode .wblightmode-layout svg{
  fill: #fff
}
/* box layout */
.boxed main {
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    margin: 40px auto;
}
@media (max-width: 991px){
    .boxed .container-bg {
        width: 100%;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .container {
        width: 963px;
    }
    .boxed main{
      margin: 40px 15px;
    }
}
@media (min-width:1200px) and (max-width:1409px){
    .boxed main  {
       width: 1170px;
    }
}
@media (min-width:1410px) and (max-width: 1589px){
    .boxed main  {
       width: 1380px;
    }
}
@media (min-width:1590px){
    .boxed main  {
       width: 1560px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .boxed main{
      margin: 40px 15px;
    }
}
/* box layout end */

/* Wb Dark Mode Css */
.darkmode.boxed main {
    box-shadow: 0 0 10px rgba(255,255,255,0.3);
}
.darkmode .wbpopup-popducts-item .thumbnail-container{
  background: transparent;
}
body.darkmode,.darkmode main,.darkmode .header-nav,.darkmode .products-sort-order .select-title,.darkmode .header-top{
  background: #000;
}
.darkmode #footer{
  background: linear-gradient(#000 15%, #111 15%);
}
.darkmode .block_newsletter form input[type="text"],.darkmode .allbl .meta_author,.darkmode .whishlist-am a:hover,.darkmode .noty_text_body a:hover,.darkmode #product_comparison .cmp_remove,.darkmode .whishlist-am i,.darkmode .PopupCompareInner i,.darkmode.page-addresses .address .address-footer a:hover,.darkmode.page-addresses .addresses-footer a, .darkmode.page-addresses .addresses-footer a:hover,.darkmode .alert-warning,body#checkout.darkmode #delivery textarea, body#checkout.darkmode #gift_message textarea,.darkmode .form-control,.darkmode .cart-summary-line .value,.darkmode .product-line-grid-right .cart-line-product-actions .remove-from-cart,.darkmode .product-line-grid-right .product-price .remove-from-cart,.darkmode .product-line-grid-right .cart-line-product-actions,.darkmode .product-line-grid-right .product-price,.darkmode .close,body.darkmode,.darkmode a,.darkmode .heading,.darkmode .links h5,.darkmode .links h5 a,.darkmode .c-info,.darkmode .nleft p{
  color: #fff
}
.darkmode #blockcart-modal .cart-content p span,.darkmode p,.darkmode #product_comments_block_tab div.comment_details p,.darkmode .block-category #category-description p,.darkmode .facet-label a span,.darkmode .footer-container li a,.darkmode .fthr .block,.darkmode .fthr .data a,.darkmode #footer #block_myaccount_infos .lnk_wishlist,.darkmode .newsftr li a,.darkmode .newsftr li a::after{
  color: #aaa;
}
.darkmode .blockreassurance_product .block-title,.darkmode .blockreassurance_product p{
  color: #aaa !important;
}
.darkmode .total-avg{
  background: #aaa;
}
.darkmode .products-sort-order .select-list:hover,.darkmode .definition-list dl dd:nth-of-type(2n),.darkmode .definition-list dl dt:nth-of-type(2n),body#checkout.darkmode #delivery textarea, body#checkout.darkmode #gift_message textarea,.darkmode .form-control{
  background: #666;
  border-color: #666
}
.darkmode .block_newsletter form input[type="text"],.darkmode .definition-list dl dd,.darkmode .definition-list dl dt,body#checkout.darkmode section.checkout-step .delivery-option,.darkmode .rate-avg,.darkmode .blockreassurance_product,.darkmode .productpbr,.darkmode .prodpay{
  background: #252525;
  border-color: #252525
}
.darkmode .s-panel .wrloader{
  background-color: #161616;
}
.darkmode .commlist,.darkmode .whishlist-am ,.darkmode .PopupCompareInner,.darkmode .s-panel,.darkmode #mobile_top_menu_wrapper,.darkmode #wbsearch_content_result,.darkmode .contact-rich,.darkmode .contact-form,.darkmode.page-addresses .address,.darkmode.page-authentication #content,.darkmode.page-order-detail .box,.darkmode .table,.darkmode.page-customer-account #content,body#checkout.darkmode section.checkout-step,.darkmode .dropdown-menu,.darkmode .cart-content,.darkmode .modal-content,.darkmode .pro-review,.darkmode .product-tab,.darkmode .probg,.darkmode .blogrpanel,.darkmode .bottomprod .products.rless,.darkmode .catpos,.darkmode .thumbnail-container,.darkmode .deliveryinfo ul,.darkmode .footbef,.darkmode .pagination,.darkmode #wrapper .breadcrumb ol,.darkmode .block-categories,.darkmode #search_filters,.darkmode #search_filters_brands,.darkmode #search_filters_suppliers,.darkmode .card,.darkmode .products-selection{
  background: #161616;
  border-color: #161616
}
.darkmode .input-color:checked + span,.darkmode .input-color:hover + span,.darkmode .input-radio:checked + span,.darkmode .input-radio:hover + span{
  border-color: #aaa
}
.darkmode .product-variants > .product-variants-item select,.darkmode .table-bordered,.darkmode .table-bordered td,.darkmode .table-bordered th,.darkmode .cdroptable td,.darkmode .separator{
  border-color: #252525
}
.darkmode.page-addresses .address .address-footer,.darkmode .propage hr,.darkmode .newsftr,.darkmode .copy{
  border-top-color: #252525
}
.darkmode #wbsearch_data .search-title,.darkmode .sitemap h2,.darkmode .table thead th,.darkmode .product-tab .nav-tabs,.darkmode #product_comments_block_tab div.comment,.darkmode .header-nav,.darkmode .prodes,.darkmode .bottomprod .thumbnail-container,.darkmode .catpos li a,.darkmode .heading,.darkmode .pro-tab,.darkmode .block-categories .category-sub-menu li[data-depth="0"] > a,.darkmode .facet-title{
  border-bottom-color: #252525
}
.darkmode .prodpay{
  border-top-color: #353535
}
.darkmode .product-prices{
  border-bottom-color: #353535
}
.darkmode .footbef::before{
  filter: brightness(0.25);
}
.darkmode .wb-grid-list .selected svg{
  fill: #fff
}
.darkmode .catpos .slick-slide img,.darkmode #owl-logo img{
  filter: invert(100%);
}
.darkmode .catpos li .icon_cat{
  border-right-color: #252525
}
#stores.darkmode.page-stores .store-item-container .divide-left{
  border-left-color: #252525
}
@media (min-width: 992px){
  .darkmode .thumbnail-container .button-group .btmcart button.cartb,.darkmode #_desktop_language_selector button,.darkmode #_desktop_currency_selector button,.darkmode .hcom a,.darkmode .wishl a{
    color: #fff
  }
  .darkmode .wb-menu-vertical .menu-dropdown{
    background: #161616;
    border-color: #222
  }
}
@media (max-width: 991px){
  .darkmode #menu-icon .navbar-toggle,.darkmode .wb-menu-vertical ul li.parent .icon-drop-mobile::after,
  .darkmode #_mobile_currency_selector select,.darkmode  #_mobile_language_selector select{
    color: #fff;
  }
  .darkmode .sidenav,.darkmode #_mobile_currency_selector select,.darkmode #_mobile_language_selector select{
    background: #161616;
  }
  .darkmode .wb-menu-vertical ul li.parent .icon-drop-mobile::after{
    background: #252525;
  }
  .darkmode .wcom svg,.darkmode .wimg svg{
    fill: #fff
  }
  .darkmode #_mobile_currency_selector,.darkmode #_mobile_language_selector{
    border-color: #252525
  }
}
@media (min-width: 768px){
  .darkmode .wb-menu-vertical .menu-vertical{
    background: #161616;
  }
}

.darkmode .product-information .prodes span {
  color: #aaa !important;
}
.darkmode .logos #owl-logo img {
  filter: unset;
}
