.header-logo a,
.header-upper,
.header-actions a.ico-cart,
.header-menu > ul > li > a::after,
#goToTop,
.social-sharing li,
.newsletter-email .newsletter-subscribe-button,
.footer-block .title + *::before,
.header-2 .header-lower,
.mega-menu .title::after,
.item-box button,
.item-box .with-icon .product-box-add-to-cart-button,
.pager li.previous-page *,
.pager li.next-page *,
.pager li.first-page *,
.pager li.last-page *,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.write-review .button-1,
.wishlist-content .button-2.wishlist-add-to-cart-button,
.compare-products-page .button-2,
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .login-button,
.login-page .register-button,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1,
.contact-page .button-1,
.email-a-friend-page .button-1,
.account-page .title strong::after,
.account-page .button-2,
.order-details-page .button-2.print-order-button,
.order-details-page .actions button,
.mini-shopping-cart .count,
.mini-shopping-cart button,
.shopping-cart-page .button-2.update-cart-button,
.shopping-cart-page .estimate-shipping-button,
.shopping-cart-page .button-1,
.checkout-page .button-1,
.search-input .button-1,
.sitemap-page .entity-title h2::after,
.post-title::after,
.news-title::after,
.blog-posts .read-more,
.news-items .read-more,
.new-comment .title strong::after,
.comment-list .title strong::after,
.new-comment .button-1,
.forum-search-box .basic .search-box-button,
.forums-table-section-title > a::after,
.forums-table-section-title strong::after,
.topic-post .pm-button,
.profile-info-box .pm-button,
.forum-edit-page .buttons button.button-1,
.move-topic-page .buttons button.button-1,
.private-messages .buttons button.button-1,
.responsive-nav-wrapper,
.item-box .rating div,
.overview .rating div,
.product-review-box .rating div,
.footer-2 .newsletter-block .title,
.apply-vendor-page .button-1,
.ui-dialog-titlebar,
.ui-dialog .notify-me-button,
button.apply-shipping-button,
/*plugins*/ .ajaxCart .productAddedToCartWindowCheckout,
.previous-product a:hover .previous-product-label,
.next-product a:hover .next-product-label,
.sale-of-the-day-offer .go-to-product-page,
.blog-search-box .search-box-button,
.post-navigation a:hover::before,
.jCarouselMainWrapper .slick-dots .slick-active button,
.ajaxFilters .k-window-titlebar,
.ropc .complete-button button,
.header-menu > ul > li > span:after,
.shops-item .shop-name:after,
.shops-item .read-more,
.newsletter-subscribe-popup .newsletter-subscribe-popup-title::after,
.sale-of-the-day-offer li.slick-active button {
  background-color: #2a2a2a;
}
/* set same border color as bg */

.pager li.previous-page *,
.pager li.next-page *,
.pager li.first-page *,
.pager li.last-page *,
.wishlist-content .button-2.wishlist-add-to-cart-button,
.account-page .button-2,
.order-details-page .button-2.print-order-button,
.order-details-page .actions button,
.shopping-cart-page .button-2.update-cart-button,
.shopping-cart-page .estimate-shipping-button,
.forum-edit-page .buttons button.button-1,
.move-topic-page .buttons button.button-1,
.private-messages .buttons button.button-1,
.attribute-squares .selected-value .attribute-square,
/*plugins*/ .previous-product a:hover .previous-product-label,
.next-product a:hover .next-product-label,
.ui-slider-handle,
.mega-menu .dropdown.fullWidth,
.post-navigation a:hover::before,
.product-filters .ui-slider-handle {
  border-color: #2a2a2a;
}
/* set differen background color to this button */

.header-2 .header-actions a.ico-cart {
  background-color: #444444;
}
/* color */

.ui-dialog-titlebar,
.eu-cookie-bar-notification button,
.eu-cookie-bar-notification a,
.header-2 .header-links a span:hover,
.header-2 .header-links a:hover,
.styleSelect_item li:hover span,
.footer-block a:hover,
.footer-powered-by a,
.footer-designed-by a,
.block .list li.active > a,
.block.block-account-navigation .list li.active a,
.block .list a:hover,
.block .view-all a,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.news-list-homepage .news-date,
.poll strong,
.poll .buttons button,
.poll-total-votes,
.breadcrumb a:hover,
.contact-vendor .button-2,
.product-filters .filter-content li a:hover,
.item-box .product-title a:hover,
.item-box .actual-price,
.item-box .tax-shipping-info a,
.pager li a:hover,
.pager li.current-page span,
.product-review-links a,
.overview .subscribe-button,
.variant-overview .subscribe-button,
.overview .value a,
.variant-overview .value a,
.overview .product-price,
.variant-overview .product-price,
.overview .prices .tax-shipping-info a,
.variant-overview .prices .tax-shipping-info a,
.ui-tabs .ui-tabs-nav li a,
.product-tags-list li,
.vendor-list li,
.product-reviews-page h1 a,
.product-review-item .review-info a,
.product-review-helpfulness .vote,
.wishlist-content .tax-shipping-info a,
.wishlist-content .button-2,
.wishlist-page .share-info a:hover,
.compare-products-page .clear-list,
.topic-block a,
.topic-page a,
.enter-password-form button,
.email-a-friend-page .title h2,
#check-availability-button,
.login-page .inputs.reversed a,
.login-page .checkout-as-guest-button,
.add-more-external-records a,
.account-page .return-items-button,
.return-request-list-page a,
.reward-points-history td.points-balance,
.avatar-page .buttons .button-2,
.shopping-cart-page .button-2,
.checkout-page .button-2,
.order-details-page .page-title a,
.terms-of-service a,
.order-completed .details a,
.opc .back-link a:hover,
.order-details-page .order-overview strong,
.order-details-page .tax-shipping-info a,
.order-details-page button.return-items-button,
.sitemap-page a:hover,
.post-title:hover,
.news-title:hover,
.blog-page .tags li,
.blogpost-page .tags li,
.blog-posts .read-comments,
.comment-info .username,
.news-list-homepage .view-all a,
.forum-search-box .advanced a,
.forums-table-section a:hover,
.forums-table-section-title > a:hover,
.forums-table-section .view-all a,
.forums-table-section .latest-post .origin a,
.forums-table-section .latest-post .author a,
.forums-table-section .topic-details .topic-starter a,
.forum-actions .actions a,
.topic-actions .actions a,
.topic-post .username,
.topic-post .post-actions .quote-post-button,
.topic-post .post-actions a:hover,
.forum-edit-page .buttons button,
.move-topic-page .buttons button,
.private-messages .buttons button,
.private-messages-page td a.pm-unread,
.private-messages-page .to a:hover,
.private-messages-page .from a:hover,
.private-messages-page .subject a:hover,
.profile-page .topic-title a,
.profile-page .topic-title a:hover,
.header-menu .sublist li:hover > a,
.mini-shopping-cart .price span,
.mini-shopping-cart .totals strong,
.cart .edit-item > a,
.cart tbody .subtotal,
.compare-products-table .product-price td,
td.footable-last-column,
.go-to-page,
.blog-page .buttons .read-more,
.order-details-page .button-2.re-order-button,
.account-page .button-2.return-items-button,
/*topics descriptions posts*/ .category-description a,
.manufacturer-description a,
.full-description a,
.topic-html-content a,
.post-body a,
.news-body a,
.custom-tab a,
/*plugins*/ .mega-menu .box li a:hover,
.sale-of-the-day-offer .price.actual-price,
.rich-blog-homepage .view-all a,
.instant-search-item .detail .price,
.priceRangeCurrentPricesPanel span,
.specification-current-value-panel span,
.filtersGroupPanel li > a:hover,
.filter-block a.clearFilterOptions,
.filter-block a.clearPriceRangeFilter,
.selected-options-list > li span,
.productAddedToCartWindowSummary a,
.productAddedToCartWindowDescription strong,
.quickViewWindow .links-panel a,
.sale-of-the-day-offer .product-name h4:hover,
.blog-search-results li a,
.jDropDown li span:hover,
.jDropDown li.selected span,
.footer-tax-shipping a,
p .search-term-highlighter,
.ropc .estimate-shipping button,
.ropc .coupon-code button,
.post-relations li a,
.checkbox-list li label:hover,
.spc-header li span,
.spc-categories .category-sublist li a:hover,
.spc-categories .category-info:hover .category-title a,
.getUserGeoLocation,
.align-map-button,
.filter-shops-button,
.shops-item .show-directions,
.shop-map-images .map-controls a,
.shop-full-description a,
.product-filters .selected-price-range {
  color: #2a2a2a;
}
/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #909090;
    border-radius: 5px
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.mt-1 {
    margin-top: 1rem;
}

.mb-1 {
    margin-bottom: 1rem;
}

.ml-1 {
    margin-left: 1rem;
}

.mr-1 {
    margin-right: 1rem;
}

.pt-1 {
    padding-top: 1rem;
}

.pb-1 {
    padding-bottom: 1rem;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-24 {
    font-size: 24px;
}

.font-26 {
    font-size: 26px;
}

.font-28 {
    font-size: 28px;
}

.font-30 {
    font-size: 30px;
}

.header-logo a {
    background-color: transparent;
}

.page-body>.category-grid.home-page-category-grid {
    display: none;
}

input[type="button"],
input[type="submit"],
button,
.button-1,
.button-2 {
    border-radius: 10px;
}

.responsive-nav-wrapper>div {
    vertical-align: middle;
}

.social-sharing li {
    background-color: #fff;
    opacity: 1;
}

.header-links span,
.header-links a {
    font-size: 12px;
}

.new_select>span {
    font-size: 12px;
}

.new_select>span:hover {
    color: white;
}

.openReadMoreButton {
    visibility: hidden;
    background-color: #2a2a2a;
    color: #fff;
    font-family: 'Rubik';
    margin: 1px;
    width: 15%;
    min-width: 70px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    height: auto;
}

.home-page .topic-block {
    margin-bottom: 20px;
}

.topic-block-title h2 {
    font-size: 20px;
}

.topic-block-body {
    line-height: 120%;
}

.imgresponsive {
    width: 100%;
    height: auto;
}

/*  Footer payment icons    */
.responsiveSsltext {
    margin-top: 6px;
}

.ssltext {
    float: left;
    width: 32.99999%;
    margin-top: 15px;
}

.ssltext img {
    max-width: 75px;
    width: 100%;
    height: auto;
}

.breadcrumb li>meta,
.breadcrumb li:not(:first-child)>span {
    padding: 0px;
    border: none;
    margin: 0;
}

.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 18px;
    right: 18px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.my-float {
    margin-top: 16px;
}

.fa-whatsapp:before {
    content: "\f232";
}

.txt_wpp {
    position: fixed;
    width: 100px;
    height: 60px;
    bottom: 5px;
    right: 88px;
    color: #000;
    text-align: center;
    font-size: 14px;
    z-index: 100;
    vertical-align: middle;
}

.box_shadow_wpp {
    position: fixed;
    width: 120px;
    height: 60px;
    bottom: 18px;
    right: 80px;
    color: #000;
    border-radius: 50px;
    text-align: center;
    /* background-color: gray; */
    font-size: 14px;
    box-shadow: 0px 0px 10px 5px #999;
    z-index: 100;
    opacity: 0.2;
    vertical-align: middle;
}

.box_shadow_wpp,
.txt_wpp {
    animation: hideWpp 30s forwards;
}

@keyframes hideWpp {
    0% {
        opacity: 1;
        visibility: visible;
    }

    99% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.shops-list-wrapper {
    position: relative;
}

.shops-list {
    margin: 30px 0 0;
}

.shops-item .info-wrap {
    padding: 10px 0 0;
}

.shops-item .shop-name {
    text-transform: uppercase;
    font-size: 18px;
    margin: 0 0 5px;
}

.shops-item .distance-line {
    color: #666;
    margin: 0 0 7px;
}

.shops-item .short-description {
    margin: 0 0 7px;
    line-height: 1.6;
}

.shops-item .picture-img {
    max-width: 100%;
}

.inputs label {
    font-size: 16px;
}

/*  Banner  */
.half-banner {
    width: 100%;
}

.quater-banner {
    width: 49%;
    float: left;
    margin: 0.5%;
}

.home-page-category-grid .slick-slide {
    height: 0300px;
}

.home-page-category-grid .item-box .title {
    line-height: unset;
    margin-top: 20px;
}

.home-page-category-grid .title a span {
    bottom: -320px;
    width: 80%;
    background: none;
}

.add-to-wishlist-button {
    display: none;
}

.overview .add-to-cart-button,
.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button,
.overview .add-to-compare-list-button,
.overview .email-a-friend-button,
.download-sample-button,
.item-box button,
.newsletter-email .newsletter-subscribe-button,
.mini-shopping-cart button,
.shopping-cart-page .button-1,
.button-1.checkout-as-guest-button,
.button-1.checkout-as-guest-button:hover,
.button-2.apply-gift-card-coupon-code-button,
.button-2.apply-discount-coupon-code-button,
.button-2.apply-gift-card-coupon-code-button:hover,
.button-2.apply-discount-coupon-code-button:hover,
.button-1.productAddedToCartWindowCheckout {
    background-color: #6A4E03 !important;
}

.button-1.checkout-as-guest-button,
.button-2.continue-shopping-button,
.button-2.apply-gift-card-coupon-code-button,
.button-2.apply-discount-coupon-code-button {
    color: white;
}

.button-2.continue-shopping-button,
.button-2.apply-gift-card-coupon-code-button,
.button-2.apply-discount-coupon-code-button {
    border: none;
}

.button-2.continue-shopping-button {
    color: white;
    background: #2a2a2a;
}

.overview .qty-input {
    border: none;
}

.product-detail-quantity {
    border: 2px solid #eee;
}


/*  marquee */
.marquee-wrapper {
    text-align: center;
    background-color: #DCCEB8;
}

.marquee-wrapper .container {
    overflow: hidden;
}

.marquee-inner span {
    float: left;
    width: 50%;
}

.marquee-wrapper .marquee-block {
    --total-marquee-items: 1;
    width: calc(400px * (var(--total-marquee-items)));
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto;
    /*background: #1B2531;*/
    padding: 5px 0 22px;
}

.marquee-inner {
    display: block;
    width: 200%;
    position: absolute;
}

.marquee-inner p {
    font-weight: 800;
    /* color: white; */
}

.marquee-inner.to-left {
    animation: marqueeLeft 5s linear infinite;
}

.marquee-inner.to-right {
    animation: marqueeRight 5s linear infinite;
}

.marquee-item {
    height: auto;
    display: inline-block;
    margin: 0 10px;
    float: left;
    transition: all .2s ease-out;
    /*background: #00cc00;*/
}

.fullWidth.boxes-2 {
    max-height: 500px;
    overflow-y: scroll;
}

@keyframes marqueeLeft {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

@keyframes marqueeRight {
    0% {
        left: -100%;
    }

    100% {
        left: 0;
    }
}

/*  end marquee */
#goToTop {
    border-radius: 10px;
}

.additional-services-icons li {
    margin-top: 5px;
}

.add-product-info-image {
    float: right;
    margin: 5px 0px 5px 15px;
    width: 40px
}

.product-whatsapp-button {
    display: inline-block;
    width: 48px;
    height: 48px;
    background-color: #f1530d;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    font-size: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.product-whatsapp-button:before {
    content: "\f232";
    color: white;
    font-size: 24px;
}

.footable-row-detail-value input[type="checkbox"] {
    display: none;
}

.cart .remove-from-cart button,
.footable-row-detail .remove-btn {
    background: none;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    border: none;
}

.cart .remove-from-cart button:before,
.footable-row-detail .remove-btn:before {
    content: "\f00d";
    color: red;
    font-size: 20px;
}

.cart td{
    min-width: 45px;
}

.cart td.quantity {
    width: 150px;
    border-bottom: none !important;
    display: flex;
    margin-top: 25px;
}

.cart-item-row .subtotal .discount{
    display: none;
}

.increase-qty,
.decrease-qty {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    padding-left: 7px;
    padding-right: 7px;
    border: none;
    background: none;
    vertical-align: middle;
}

.increase-qty:before {
    content: "\f067";
}

.decrease-qty:before {
    content: "\f068";
}

#updatecart {
    display: none;
}

.giftcard-box .title,
.coupon-box .title {
    background: #2a2a2a;
}

.giftcard-box .title strong,
.coupon-box .title strong {
    color: white;
}

.registration-page label[for="Newsletter"] {
    white-space: normal;
}

.item-box .product-title+.sku {
    display: block;
}

.item-box .description {
    height: 50px;
}

.item-box .sku-label {
    float: right;
}

@media (min-width:481px) {
    .imgForMobile {
        display: none;
    }

    .imgForNoMobile {
        display: inline;
    }
}

@media (min-width:641px) {
    .shops-item .picture-wrap {
        float: right;
        width: 350px;
    }

    .shops-item .info-wrap {
        margin: 0 370px 0 0;
        text-align: right;
    }
}

@media (min-width:769px) {
    .TalAndaddr {
        color: white;
        text-align: center;
    }

    .TalAndWaze a {
        visibility: hidden;
        display: none;
    }

    .TalAndWaze #google-map {
        display: inline-block;
        visibility: visible;
    }

    .TalAndWaze #google-map img {
        max-width: 64px;
    }

    .half-banner {
        width: 49%;
        float: left;
        margin: 0.5%;
    }

    .quater-banner {
        width: 24%;
    }
}

@media (min-width: 1001px) {
    .footer-block.footer-topic .title+*:before {
        margin-bottom: 0px;
    }

    .product-grid .title,
    .home-page-category-grid>.title {
        font-size: 255%;
    }

    .shops-item {
        margin: 0;
        float: right;
        width: 49%;
    }

    .shops-item .picture-wrap {
        width: 250px;
    }

    .shops-item .info-wrap {
        margin: 0 270px 0 0;
        text-align: right;
    }

    .shops-list:after {
        content: '';
        display: block;
        clear: both;
    }
}

@media (min-width: 1025px) {
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: white;
        box-shadow: rgb(100 100 111 / 50%) 0px 2px 7px 0px;
    }

    .sticky .header-actions-wrapper {
        max-width: 980px;
        display: block;
        margin: 0 auto;
    }

    .home-page-category-grid .title a:hover:after {
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
    }

    .login-page .returning-wrapper {
        float: left;
    }

    .login-page .new-wrapper {
        float: right;
    }

    .dropdown.categories.fullWidth.boxes-2 a img {
        max-height: 220px;
        padding: 20px 0;
    }

    .shipping-method .method-list li,
    .payment-method .method-list li {
        width: 500px;
    }

    .payment-method .method-list .payment-details label,
    .payment-method .method-list .payment-description {
        margin-right: 190px;
    }

    .section.payment-method .method-name {
        min-height: 60px;
    }

    .payment-method .payment-logo {
        height: auto;
        max-height: 60px;
    }

    .payment-method .payment-logo img {
        max-width: 150px;
        max-height: 60px;
    }
}

@media (min-width:1281px) {
    .sticky .header-actions-wrapper {
        max-width: 1200px;
    }

    .home-page .topic-block {
        margin-bottom: 20px;
    }

    .footer-block.newsletter-block {
        width: 20% !important;
    }

    .footer-block {
        width: 16% !important;
    }
}

@media (max-width: 1024px) {

    /*.responsive-nav-wrapper .menu-title {
        background: url(../imgheader/menu-button-2.png) no-repeat center;
        width: 70px;
    }*/
    .responsive-nav-wrapper .menu-title,
    .responsive-nav-wrapper .Branches-button {
        background: none !important;
    }

    .responsive-nav-wrapper div.menu-title>span,
    .responsive-nav-wrapper div.Branches-button>a {
        text-indent: unset;
        width: 60px;
        font-size: 16px;
        padding: 10px 0px;
        font-weight: bold;
    }

    .logo img {
        max-height: 40px;
    }

    .responsive-nav-wrapper .Branches-button {
        background: url('../imgheader/Branches-button-2.png') no-repeat center;
        width: 70px;
        display: inline-block;
    }

    .product-detail-quantity {
        margin: 0 auto;
        float: none !important;
        width: 120px;
    }

    .additional-services-icons {
        max-width: 600px;
        margin: 0 auto;
    }

    .additional-services-icons h3 {
        text-align: right;
    }
}


@media (max-width:1000px) {
    .TalAndWaze a {
        visibility: visible;
        display: inline-block;
        text-align: right;
        border: 0.1px;
    }

    .TalAndWaze img {
        display: inherit;
        max-width: 64px;
    }

    .logo img {
        max-height: 60px;
    }
}

@media (max-width:768px) {
    .logo img {
        max-height: 40px;
    }

    .additional-services-icons h3 {
        font-size: 0.9rem;
    }

    .cart td.quantity{
        width: auto !important
    }
}

@media (max-width:480px) {

    .imgForMobile {
        display: block;
    }

    .imgForNoMobile {
        display: none;
    }

    .item-box {
        float: right;
        width: 48%;
        max-width: none;
        margin-right: 2%;
    }

    .item-box .description {
        height: 90px;
    }

    .home-page-category-grid .slick-slide {
        height: 380px;
    }

    .home-page-category-grid .item-box .title {
        margin-top: 100px;
        font-size: 20px
    }

    .TalAndWaze {
        text-align: center;
    }

    .nop-jcarousel.category-grid {
        margin-bottom: -50px;
    }

    .header-links span,
    .header-links a {
        font-size: 13px;
    }

    .add-product-info-image {
        margin: 5px 0px 5px 10px
    }

    .cart td{
        padding: 0 !important;
    }
}